0

小提琴- 在这里你有 2 个完全相同风格的桌子。TD 的宽度由table-layout.It works ok 自动调整,当只有一行文本时。但是当有更多的文本并且文本被扭曲时,似乎宽度是由所有文本计算的(就像它在一行中一样),而不是文本中最长的扭曲部分。

问题是如何将第 nr 2 表的内容以与第 1 表相同的方式居中?(atm 它看起来根本不像居中......)

在此处输入图像描述- 这就是它应该看起来的样子(下一个) - 不需要的黄色空间应该被切割以使表格居中。

4

2 回答 2

2

td { text-align:center }

第一个表中的文本实际上并未居中。它只是这样出现,因为它在细胞的两侧都没有呼吸空间。

像上面这样进行全局声明将允许对剩余的单元格进行额外的调整。

td.first { text-align:left; font-weight:700 }, ETC。

编辑

如果不声明宽度,您将无法实现该效果。默认情况下,表格不像divs,所以我给了它display:block, width:80%,现在表格中心,td没有正确填充它的父级,所以我给了它width:100%

我认为这就是你所追求的:http: //jsfiddle.net/hJXb9/

于 2012-11-29T14:32:39.243 回答
0

我想你正在寻找这个。

    <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>

现场演示

希望,我会帮助你。谢谢。!!

于 2012-11-29T14:41:46.337 回答