【问题标题】:Removing Table Cell autoresize删除表格单元自动调整大小
【发布时间】:2012-05-20 10:35:16
【问题描述】:

如何删除表格单元格的自动调整大小?当我输入超过表格单元格宽度的文本时,它会自动增加其宽度。有没有办法禁用它的自动调整大小?

我直接在表格单元格中添加文本,除了<td>,没有任何其他元素,

<td>Text is Here...</td>

当文本超过&lt;td&gt; 的宽度时,是否有元素会自动结束下一个单词。那可能吗?我试过&lt;p&gt;,但它对我不起作用。

这是一个示例:

http://jsfiddle.net/88RtG/2/

我希望第一个单元格的宽度与其他所有单元格的宽度相同。

【问题讨论】:

    标签: html css html-table


    【解决方案1】:

    浏览器显然会扩展一个单元格(即使table-layout: fixed 也无济于事),如果单元格包含不能被浏览器应用的规则破坏的字符串。

    如果像“asdasdasdasdasdasddasdasdadasd”这样的字符串没有允许的断点,那么似乎唯一的方法是将单元格内容包装在一个元素中,比如&lt;td&gt;&lt;div class=cell&gt;...&lt;/div&gt;&lt;/td&gt;,并在该内部元素上设置一个宽度。然后,您将不得不处理溢出问题(过多的内容应该流入下一个单元格,还是被隐藏,还是什么?)。

    如果它有允许的断点,标记它们,使用&lt;wbr&gt;&amp;#x200b;(更多信息:http://www.cs.tut.fi/~jkorpela/html/nobr.html#suggest)以获得简单的换行机会,&amp;shy; 用于断字点。

    【讨论】:

      【解决方案2】:

      指定表格、行或单元格的宽度。

      【讨论】:

        【解决方案3】:

        试试:

        <td width="80px">Text is Here...</td>
        

        更改您想要的所有单元格的宽度 - 只需在第一行进行。您也可以使用百分比。

        【讨论】:

        • 您混淆了 HTML 和 CSS 语法。它必须是 &lt;td width="80"&gt;&lt;td style="width: 80px"&gt;
        猜你喜欢
        • 1970-01-01
        • 2015-09-16
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2021-09-28
        • 1970-01-01
        相关资源
        最近更新 更多