css - 表格居中与表格布局

标签 css

fiddle - 这里有 2 张风格完全相同的 table 。 TD 的宽度由 table-layout 自动调整。 当只有一行文本时,它工作正常。但是当有更多的文本并且文本被扭曲时,似乎宽度是由所有文本计算的(就像在一行中一样),而不是文本中最长的扭曲部分。

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

enter image description here - 这是它应该看起来的样子(下图) - 不需要的黄色空间应该被切割以允许表格居中。

最佳答案

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/

相关文章:

css - Firefox 中滚动元素中的文本始终为省略号

html - 如何从特定图像中删除灯箱?

javascript - 可调页面划分边界

javascript - 更改有序列表中的编号?

css - LESS CSS - 根据主体类别更改主题颜色的变量值

css - 打印时捕获整个 d3 图

javascript - HTML+CSS奇怪的DIV错误

css - 固定 CSS 中的标题以进行有条件的向下滚动?

css - 在没有 js 的 IE 中设置 HTML5 样式

jquery - 使用 skip 一次只显示一个元素