关键词：
【中文标题】确保遵守表格单元格的宽度【英文标题】：Ensure that table cell widths are respected 【发布时间】：2012-02-25 04:25:26 【问题描述】：我有一个带有多个列的 HTML <table>。如何确保在任何情况下都遵守给定的单元格/列宽度？也就是说，如果我给一个单元格的宽度为 100px，并且如果文本内容很长（超过 100 个字符且没有任何空格），则文本内容应该遵循 100px 宽度并换行到下一行..
我已经尝试过使用word-wrap:break-word，但这不起作用。
【问题讨论】：
【参考方案1】：使用table-layout: fixed 确保您的td 宽度得到尊重。
查看MDN docs 了解更多信息。
编辑
这样的东西应该适合你：
table
table-layout: fixed;
td
color:white;
width:50px;
background-color:Blue;
word-wrap: break-word;
max-width:50px;
这里是a working fiddle 来演示。
【讨论】：
好的...我已经尝试过了...但这似乎不适用于我的单元格的文本很长（中间没有任何空格）的情况...。 IE即使遵守单元格宽度，文本也会重叠并且不会换行到下一行.. 谢谢很多...我刚刚尝试过...在 Firefox 中运行良好..但在 IE8 中，我只看到第一行文本内容...包裹的第二行是根本没有显示..使用 PHPExcel 设置电子表格单元格的宽度
】使用PHPExcel设置电子表格单元格的宽度【英文标题】：SettingwidthofspreadsheetcellusingPHPExcel【发布时间】：2011-10-1022:26:55【问题描述】：我正在尝试在使用PHPExcel生成的Excel文档中设置单元格的宽度：$objPHPExcel->getActiveSheet()->getC... 查看详情
如何限制标题单元格的宽度
...:26:07【问题描述】：如您所见，我有一个带有复杂标题的表格。当文本很长时，我需要防止水平标题单元格扭曲子标题宽度。标题和表格位于不同的div中。表格是动态构建和填充的。困难的部分是使下面单元格的宽度完全保持我... 查看详情
CSS增加表格单元格的宽度
】CSS增加表格单元格的宽度【英文标题】：CSSincreaseWidthoftablecell【发布时间】：2012-10-0323:15:25【问题描述】：我想增加表格td的宽度。该表在具有指定宽度和高度的div内。现在，当我尝试增加td的宽度时，它没有显示任何变化。... 查看详情
响应式表格，可以继承嵌套表格单元格的宽度
】响应式表格，可以继承嵌套表格单元格的宽度【英文标题】：Responsivetable,possiblefornestedtablecellwidthstoinherit【发布时间】：2013-04-1620:17:03【问题描述】：我有一个响应式表格，它的每一行都有不同的内容，每一行都有一个手风琴... 查看详情
换行长表格单元格，同时保持其他单元格的动态宽度
】换行长表格单元格，同时保持其他单元格的动态宽度【英文标题】：Word-wrappingalongtablecellwhilemaintainingdynamicwidthsinothers【发布时间】：2011-06-0120:49:46【问题描述】：我有一张表格，其中一个单元格中有一条长线。我需要拆分长... 查看详情
我可以使用 CSS 覆盖表格单元格的宽度吗？
】我可以使用CSS覆盖表格单元格的宽度吗？【英文标题】：CanIuseCSStooverridetablecellwidths?【发布时间】：2021-10-0914:41:30【问题描述】：我有一个HTML，其中表格单元格的宽度以mm为单位定义（在@style属性中）。这是为适合A4页面（210... 查看详情
您可以更改不同表格视图单元格的分隔符宽度吗？
】您可以更改不同表格视图单元格的分隔符宽度吗？【英文标题】：Canyouchangeseparatorwidthfordifferenttableviewcells?【发布时间】：2020-03-1016:00:06【问题描述】：如果之前有人问过这个问题或者答案很明显，我提前道歉——我只是很难... 查看详情
html表格单元格的宽度和高度的设置
做网页的时候，经常会碰到表格宽度对不齐的问题。详细地看了html中表格标签table的高度和宽度设置的细节，现总结如下： 1、table中的width和height设置及其作用：table中设置的height其实是设置个最... 查看详情
如何使用百分比设置表格单元格的最大宽度？
】如何使用百分比设置表格单元格的最大宽度？【英文标题】：HowcanIsetthemax-widthofatablecellusingpercentages?【发布时间】：2012-01-1722:04:31【问题描述】：<table><tr><td>Test</td><td>Alongstringblahblahblah</td></tr>&l... 查看详情
table宽度(代码片段)
...找资料学习table的宽度的算法。table-layouttable-layout定义了表格布局算法，值为auto或fixed。fixed采用固定表格布局算法对表格布局。表格的宽度有width决定，列的宽度有首行单元格的width决定。先上一个demo。分析一下，这里table计算... 查看详情
css设置表格td宽度布局
使用表格布局时，对单元格的宽度控制很伤脑筋，所以查阅资料整理如下：一、表格布局table-layout 语法： table-layout:auto|fixed 取值： auto :大多数浏览器采用自动表格布局算法对表格布局；表格及... 查看详情
如何用css定制表格单元格的宽度和高度
CSS中宽度和高度分别可以通过width和height实现，那么对于单元格的宽度和高度，则可以通过如下样式来设置td width:100px; height:50px; /*设置单元格宽度100px，高度50px*/示例如下：给出HTML元素<table> <tr><td>1</td... 查看详情
Firefox 中不同单元格的边框宽度显示不同
...-1419:36:50【问题描述】：我正在动态生成大约55行和15列的表格。我已经像这样将列的边框宽度设置为1px#tblIdtdborder:1pxsolid#616161;background-color:#EEEEEE;但是对于某些单元 查看详情
表格单元格增加宽度，尽管盒子大小：border-box
】表格单元格增加宽度，尽管盒子大小：border-box【英文标题】：Tablecellsincreaseswidthdespitebox-sizing:border-box【发布时间】：2020-08-0812:26:38【问题描述】：我想在单击按钮View时为表格的单元格添加填充，但这会增加单元格的宽度。我... 查看详情
使 DIV 填充整个表格单元格
】使DIV填充整个表格单元格【英文标题】：MakeaDIVfillanentiretablecell【发布时间】：2011-03-1400:48:48【问题描述】：我见过thisquestion和googledabit，但到目前为止没有任何效果。我想现在是2010年（那些问题/答案很老，而且，没有答案）... 查看详情
css实现table固定宽度，超过单元格部分内容省略
...大小自适应的，没有内容的地方就挤到了一起。需要固定表格宽度和每一列的宽度。table-layout:fixed在固定表格布局中，水平布局仅取决于表格宽度、列宽度、表格边框宽度、单元格间距，而与单元格的内容无关。white-space:nowrap;te... 查看详情
相同大小的表格单元格填充包含表格的整个宽度
】相同大小的表格单元格填充包含表格的整个宽度【英文标题】：Equalsizedtablecellstofilltheentirewidthofthecontainingtable【发布时间】：2010-11-3006:19:39【问题描述】：有没有办法使用HTML/CSS（具有相对大小）使一行单元格拉伸它所在表格... 查看详情
表格标题和表格单元格显示不同的宽度
】表格标题和表格单元格显示不同的宽度【英文标题】：Tableheaderandtablecelldisplaydifferentwidth【发布时间】：2019-06-1604:59:27【问题描述】：我需要将表格分成标题和行，以便能够控制滚动。但是现在标题和单元格的列宽似乎有所不... 查看详情