固定宽度的html表格列
我有一个html表格,如:固定宽度的html表格列,html,css,Html,Css,我有一个html表格,如: <table width="100%" cellspacing="1" cellpadding="2" align="center" border="0"> <tr> <td width="7%"></td> <td width="21%"></td> <td width="32%"></td> <td width="20%">&
<table width="100%" cellspacing="1" cellpadding="2" align="center" border="0">
<tr>
<td width="7%"></td>
<td width="21%"></td>
<td width="32%"></td>
<td width="20%"></td>
<td width="20%"></td>
</tr>
</table>
这很有效,但有时如果第5列的内容较大,则第4列会缩小,并且这些列的宽度不保持相等我猜您要查找的是
单词break:break all您的
上的code>样式
.table style td{
边框:实心1px;
}
.td破折号{
单词break:打破一切;
}
文本
文本
文本
文本
文本文本文本文本文本文本文本文本文本
您需要添加
.桌子{
表布局:固定;}和.table tr td{
单词包装:打断单词;
文本对齐:居中;}用于按宽度应用宽度和文本
.table{
表布局:固定;}
.表tr td{
单词包装:打断单词;
文本对齐:居中;}
电子战
ewwe
维尤
WEWEWEWEWEWEWEWEWEWEWEWEWEWEWEWEWEWEWEWEWEWEWEWEWEWEWE
埃维
这是因为您试图打印一个大字符串。如果有空格,单词将根据宽度自动断开。使用下面的CSS来修复它
tr td {
word-wrap: break-word;
}
注:字符串将被分成多行。行可能看起来很长。您能说明代码中的确切问题吗?任何演示提琴/片段??可能重复try using标记,标记内的标记宽度为:100%