我有一个显示在JLabel中的HTML表格(带有CSS的样式)。我希望单元格的内容(单个,短的文本行)水平和垂直居中。水平居中很容易,但我似乎无法垂直居中。我用vertical-align:
和valign:
参数尝试了middle
和center
。我已经看了几个技巧,但它们似乎都不可行,我试过的那些没有用。
我现在拥有的:
内联(在<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>