首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >在<td>标记中对文本换行

在<td>标记中对文本换行
EN

Stack Overflow用户
提问于 2009-06-29 10:15:07
回答 13查看 454.3K关注 0票数 158

我想对添加到<td>元素中的一些文本进行换行。我尝试过使用style="word-wrap: break-word;" width="15%"。但它没有对文本进行换行。必须给它100%的宽度吗?我有其他控件要显示,所以只有15%的宽度可用。

EN

回答 13

Stack Overflow用户

发布于 2012-05-29 20:43:27

折回TD文本的步骤

第一组表格样式

代码语言:javascript
复制
table{
    table-layout: fixed;
}

然后设置TD样式

代码语言:javascript
复制
td{
    word-wrap:break-word
}
票数 238
EN

Stack Overflow用户

发布于 2009-06-30 14:14:18

HTML表格支持“表格布局:固定”css样式,该样式防止用户代理根据其内容调整列宽。您可能会想要使用它。

票数 47
EN

Stack Overflow用户

发布于 2018-06-16 01:54:40

使用word-break无需将table样式化为table-layout: fixed即可使用

代码语言:javascript
复制
table {
  width: 140px;
  border: 1px solid #bbb
}

.tdbreak {
  word-break: break-all
}
代码语言:javascript
复制
<p>without word-break</p>
<table>
  <tr>
    <td>LOOOOOOOOOOOOOOOOOOOOOOOOOOOOGGG</td>
  </tr>
</table>

<p>with word-break</p>
<table>
  <tr>
    <td class="tdbreak">LOOOOOOOOOOOOOOOOOOOOOOOOOOOOOGGG</td>
  </tr>
</table>

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

https://stackoverflow.com/questions/1057574

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档