Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/74.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
固定宽度的html表格列_Html_Css - Fatal编程技术网

固定宽度的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%">&

我有一个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%"></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%