表格中TD的宽度不应该超过TH的宽度。
创始人
2024-12-10 11:30:11
0次

可以通过CSS设置表格的布局，使用以下代码可以确保TD的宽度不超过TH的宽度。

table {
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
}
th {
  width: 30%;
}
td {
  width: 70%;
  max-width: 70%;
  word-wrap: break-word;
  vertical-align: top;
  padding: 5px;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-top: 1px solid #ddd;
}

其中，table-layout属性设置为fixed，这样表格的宽度就会根据TH的宽度来计算。同时，通过设置TH和TD的宽度，使得TD的宽度不超过TH的宽度。此外，还设置了max-width、word-wrap等属性，确保内容不会溢出表格区域。

上一篇：表格中随机选择行

下一篇：表格中未显示最后添加日期

相关内容

热门资讯

十分钟破解版!德普之星有透视辅... 十分钟破解版!德普之星有透视辅助吗(透视辅助软件)详细辅助脚本(一贯脚本)；1、金币登录送、破产送、...
六分钟必备开挂！werplan... 六分钟必备开挂！werplan脚本，哈糖大菠萝挂，详细教程（有挂方法）；1、玩家可以在哈糖大菠萝挂软...
七分钟免费透视！德普之星辅助软... 七分钟免费透视！德普之星辅助软件，德扑圈透视，详细教程（有挂内幕）；1、德普之星辅助软件透视辅助简单...
十分钟透视系统！newpoke... 十分钟透视系统！newpoker脚本，德州来玩辅助器，详细教程（有挂详情）1、用户打开应用后不用登录...
三分钟私人局辅助器!德普之星私... 三分钟私人局辅助器!德普之星私人局辅助免费(透视辅助软件)详细辅助神器(原来神器)；1、德普之星私人...
四分钟轻量版！pokemmo内... 四分钟轻量版！pokemmo内置修改器，wepoker透视有吗，详细教程（有挂规律）；1、用户打开应...
2分钟辅助器!德普之星透视辅助... 2分钟辅助器!德普之星透视辅助插件(透视辅助)详细辅助软件(原来软件)；1、德普之星透视辅助插件机器...
2分钟购买！哈糖大菠萝开挂，拱... 2分钟购买！哈糖大菠萝开挂，拱趴大菠萝万能挂图解，详细教程（有挂技巧）；1、进入到拱趴大菠萝万能挂图...
8分钟软件！德扑圈有透视吗，德... 8分钟软件！德扑圈有透视吗，德扑圈透视，详细教程（有挂秘籍）1、8分钟软件！德扑圈有透视吗，德扑圈透...
两分钟发冤家牌!newpoke... 两分钟发冤家牌!newpoker脚本(透视辅助)详细辅助方法(竟然方法)newpoker脚本软件透明...