fiddle - 这里有 2 张风格完全相同的 table 。 TD 的宽度由 table-layout 自动调整。
当只有一行文本时,它工作正常。但是当有更多的文本并且文本被扭曲时,似乎宽度是由所有文本计算的(就像在一行中一样),而不是文本中最长的扭曲部分。
问题是如何将表 nr 2 的内容以与第 1 个表中相同的方式居中? (atm 它看起来根本不像居中...)
- 这是它应该看起来的样子(下图) - 不需要的黄色空间应该被切割以允许表格居中。
最佳答案
td { 文本对齐:中心 }
第一个表格中的文本实际上并未居中。它只是看起来那样,因为它在细胞的两边都没有呼吸空间。
像上面那样做一个全局声明将允许对剩余的单元格进行额外的调整。
td.first { text-align:left; font-weight:700
等
编辑
如果不声明宽度,您将无法实现该效果。默认情况下,表格不像 div
,所以我给了它 display:block, width:80%
现在表格居中,td
没有正确填充它的父级,所以我给了它 width:100%
。
我认为这就是您所追求的:http://jsfiddle.net/hJXb9/
关于css - 表格居中与表格布局,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13627954/