html - 固定表格单元格宽度

很多人仍然使用表格来布局控件、数据等——其中一个例子是流行的 jqGrid。然而,发生了一些我似乎无法理解的魔法(它的 table 大声喊叫,可能有多少魔法?)

如何设置表格的列宽并让它像 jqGrid 一样服从!?如果我尝试复制它,即使我设置每个 <td style='width: 20px'> ,只要其中一个单元格的内容大于 20px,单元格就会展开!

有什么想法或见解?

最佳答案

您可以尝试使用 <col>标记管理所有行的表格样式,但您需要设置 table-layout:fixed <table> 上的样式或表格 css 类并设置 overflow单元格的样式

http://www.w3schools.com/TAGS/tag_col.asp

<table class="fixed">
    <col width="20px" />
    <col width="30px" />
    <col width="40px" />
    <tr>
        <td>text</td>
        <td>text</td>
        <td>text</td>
    </tr>
</table>

这就是你的 CSS

table.fixed { table-layout:fixed; }
table.fixed td { overflow: hidden; }

https://stackoverflow.com/questions/4185814/

相关文章:

css - 如何将 div 与其父级的顶部对齐但保持其内联 block 行为?

javascript - 如何替换 div 元素中的文本?

html - 如何在 Markdown 表中编写列表?

html - 您如何确定网站建立在什么技术之上?

html - 如何仅使用 CSS/HTML 隐藏图像损坏的图标?

html - 为什么我的 CSS3 媒体查询在移动设备上不起作用?

html - Flexbox vs Twitter Bootstrap(或类似框架)

html - Force to open "Save As..."popup open at tex

css - Margin-Top 不适用于 span 元素?

html - 为什么我的列表项元素符号与 float 元素重叠