文章/答案/技术大牛

发布

问调整html表列的大小(TD)
EN

Stack Overflow用户

提问于 2011-01-25 11:53:28

回答 1查看 2.4K关注 0票数 0

我有一个表，如下：

<table>
<tr>
<td>asdf</td>
<td>defg</td>
</tr>
</table>

如何将每列的宽度减小到小于"asdf“或"defg”的长度？

i.e

对于上表，列宽应至少为标签(asdf/defg)，如下所示：

asdf|defg

我想将表格显示自定义为：

as|defg
df|

也就是说，如果我减小列宽，标签/内容应该环绕。是否有任何css/html属性来实现这一点。有没有人可以告诉我。谢谢。

回答已采纳

发布于 2011-01-25 13:25:18

使用word-break:break-all。我尝试了下面的例子并工作(至少在Chrome中是这样的)。

<table>
    <tr>
        <td width="3" style="word-break:break-all;">asdf</td>
        <td>defg</td>
    </tr>
</table>

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/4789810

复制

相似问题

问调整html表列的大小(TD)EN