小提琴- 在这里你有 2 个完全相同风格的桌子。TD 的宽度由table-layout.
It works ok 自动调整,当只有一行文本时。但是当有更多的文本并且文本被扭曲时,似乎宽度是由所有文本计算的(就像它在一行中一样),而不是文本中最长的扭曲部分。
问题是如何将第 nr 2 表的内容以与第 1 表相同的方式居中?(atm 它看起来根本不像居中......)
- 这就是它应该看起来的样子(下一个) - 不需要的黄色空间应该被切割以使表格居中。
td { text-align:center }
第一个表中的文本实际上并未居中。它只是这样出现,因为它在细胞的两侧都没有呼吸空间。
像上面这样进行全局声明将允许对剩余的单元格进行额外的调整。
td.first { text-align:left; font-weight:700 }
, ETC。
编辑
如果不声明宽度,您将无法实现该效果。默认情况下,表格不像div
s,所以我给了它display:block, width:80%
,现在表格中心,td
没有正确填充它的父级,所以我给了它width:100%
。
我认为这就是你所追求的:http: //jsfiddle.net/hJXb9/
我想你正在寻找这个。
<table style="width:60%;margin-left:20%;margin-right:20%;">
<tr>
<td style="background:green;text-align: center; vertical-align: middle;">
TADA
</td>
<td style="background:yellow;text-align:center; vertical-align: middle;">
Lorem ipsum dolorsitamet kjfldslggfh;l</td>
</tr>
</table>
希望,我会帮助你。谢谢。!!