У меня есть таблица HTML (стили с CSS), которая отображается в JLabel. Я хотел бы, чтобы содержимое (одна, короткая строка текста) ячеек располагалось как по горизонтали, так и по вертикали. Горизонтальное центрирование легко, но я не могу, по-видимому, центрировать текст по вертикали. Я пробовал vertical-align:
и valign:
с аргументами middle
и center
. Я просмотрел несколько трюков, но ни один из них не казался выполнимым, и те, которые я пытался, не сработали.
Что у меня сейчас:
Inline (в теге <style>
) CSS:
table.outer {
background:#F0F0F0;
border-collapse:collapse;
border:none;
}
td.outer {
border-style:solid;
border-width:1pt;
border-color:#888888;
padding:0pt 0pt 0pt 0pt;
}
table.inner {
border-collapse:collapse;
border:none;
}
td.title {
width:75pt;
background:#BFBFBF;
padding:1.5pt 0pt 1.5pt 0pt;
}
Соответствующая часть HTML:
<body bgcolor=#F0F0F0>
<table class='outer'>
<tr>
<td class='outer' valign=top>
<table class='inner'>
<tr>
<td class='title' rowspan=3>
<p class='title'>Current Run</p>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>