首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何防止html表格伸展?

如何防止html表格伸展?
EN

Stack Overflow用户
提问于 2009-07-26 03:51:34
回答 4查看 40K关注 0票数 23

有时,当我的一个表格单元格中的一段数据太长时,它会拉伸单元格并使整个表格的布局变形。我如何防止这种情况发生?

EN

回答 4

Stack Overflow用户

发布于 2009-07-26 11:01:55

您可能希望在一行的第一个单元格上设置宽度和table-layout:fixed

详细解释请参见http://www.w3.org/TR/CSS2/tables.html#fixed-table-layout

票数 30
EN

Stack Overflow用户

发布于 2009-07-26 03:54:39

假设你没有任何不间断的空格或者单元格中没有空格的超长文本,我通常会有最好的运气,通过CSS显式地设置单元格的宽度(似乎比做像" width ='100'“这样的事情更好。如果单元格中的数据只是一个非常长的字符串,除了编程截断它,或者将数据包装在具有显式宽度的div和类似overflow: hidden / auto (如果您想要水平滚动条或其他东西,则为auto)之外,您还可以做的不多。

票数 0
EN

Stack Overflow用户

发布于 2009-07-26 03:53:56

使用CSS设置td标签的宽度和高度。然后你需要处理溢出。

代码语言:javascript
复制
td {
  width: 40px;
  height: 20px;
}
票数 -1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/1183676

复制
相关文章

相似问题

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