Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/81.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 我希望所有列(<;td>;<;/td>;)都在<;表></表>;拥有相等的长度,如何做到这一点?_Html_Css_User Interface - Fatal编程技术网

Html 我希望所有列(<;td>;<;/td>;)都在<;表></表>;拥有相等的长度,如何做到这一点?

Html 我希望所有列(<;td>;<;/td>;)都在<;表></表>;拥有相等的长度,如何做到这一点?,html,css,user-interface,Html,Css,User Interface,如何用CSS或HTML实现它 <table class="banner"><tr><td>If you need many results, then post your task as piecework here. You only need to pay qualified results. </td> <td>Make money by doing piecework</td></tr> <

如何用CSS或HTML实现它

 <table class="banner"><tr><td>If you need many results, then post your task as piecework here. You only need to pay qualified results.
  </td>
 <td>Make money by doing piecework</td></tr>
 <tr><td><a href="publish.php">POST PIECEWORK FOR FREE</a><br/></td><td></td></tr></table>
如果您需要很多结果,请将您的任务作为计件工作发布在此处。你只需要支付合格的结果。
通过计件工作赚钱

使用CSS:

td{overflow:hidden;width:200px;}

在CSS中,您可以使用宽度属性。这可以内联完成,也可以作为样式表的一部分完成。有关表格的更多CSS,请查看w3schools

td {
    width:200px;
}

<td style="width:200px;">
td{
宽度:200px;
}
或者,在HTML中,检查colgroup标记,如下所示:

<colgroup>
    <col width="200px" />
</colgroup>
<table class="equal_width_columns">
    <tr><td>one</td><td>onetwothree</td></tr>
</table>

<table> <!-- just a regular table -->
    <tr><td>one</td><td>onetwothree</td></tr>
</table>
table.equal_width_colums * td { width: 300px; }

我个人使用colgroup最多。

关于:

table { width:100% }
td { width:20% }

(假设每行有5个td。如果有3个,则输入宽度33%,如果有2个,则输入50%,依此类推。

将宽度(CSS或内联,如果您愿意)设置为每列相同的百分比值(理想情况下,总宽度为100%)。这将允许渐进式缩放。

您可以对
td
选择器使用
width
属性。但是,您可能希望区分一个表和另一个表。在这种情况下,您可以像这样对“等宽”表进行分类:

<colgroup>
    <col width="200px" />
</colgroup>
<table class="equal_width_columns">
    <tr><td>one</td><td>onetwothree</td></tr>
</table>

<table> <!-- just a regular table -->
    <tr><td>one</td><td>onetwothree</td></tr>
</table>
table.equal_width_colums * td { width: 300px; }
你应该使用这里的属性

table { table-layout: fixed; }
table td { overflow: hidden; }

我自己正在搜索。但在我的情况下,表计数不是固定的,因此不能给出准确的百分比。在

给单元格一个很小的宽度。单元格将按比例放大以填充可用的宽度

table tr td { width:5%; }

并将td cssclass添加到所有tds中。还有一件事,不要将任何宽度添加到banner类中。你不需要类。他的问题只是如何使列的宽度相同。@austin cheney…有很多方法可以做到这一点。这是一种方法。!!当内容大于200px时,这是无效的。例如,一个大于200px将扩展表列。另一方面,使用
表布局
将在不考虑单元格内容的情况下工作(参见我的答案)。表的总宽度在所有列中平均分配。长度是指宽度还是高度?还是两者都是?@jjj-我们都是初学者。@jjj:不幸的是,在这一点上,高声誉也意味着“问了很多问题”这正是这里的情况——他只给出了1个答案,但问了175个问题。@Bryan Oakley……没关系……重要的是他是learning@Bryan当前位置我不同意“悲伤”。好的问题绝对值得它们产生的所有声誉。事实上,问题甚至比答案更重要,因为没有问题,我们都不会在这里。嗯,嗯,嗯,我不知道这可能更好。我更新了答案,在
td
上使用隐藏溢出,这样长字符串就不会在外面断开桌子。