Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.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
用CSS制作2X5表格?_Css - Fatal编程技术网

用CSS制作2X5表格?

用CSS制作2X5表格?,css,Css,我基本上需要一个有2列5行的表,其中第1列占嵌套div的30%,第2列占剩余的70%。我很想做一张桌子,但我觉得今天不适合 谢谢表格是完全正确的,适用于您想要的表格数据。这就是规格中表格的用途。为此,尝试使用CSS创建表是完全没有必要的。如果您正在显示数据,则使用CSS是合适的。在布局中使用它是不合适的,但是在数据中使用它比用CSS创建表更合适 <table style="width:100%"> <tr> <td style="width:30%">your

我基本上需要一个有2列5行的表,其中第1列占嵌套div的30%,第2列占剩余的70%。我很想做一张桌子,但我觉得今天不适合


谢谢

表格是完全正确的,适用于您想要的表格数据。这就是规格中表格的用途。为此,尝试使用CSS创建表是完全没有必要的。

如果您正在显示数据,则使用CSS是合适的。在布局中使用它是不合适的,但是在数据中使用它比用CSS创建表更合适

<table style="width:100%">
<tr>
<td style="width:30%">your text here</td>
<td>other text here</td>
</tr>
...
</table>
如果您确实需要5x2单元格的格式像一个表,那么制作一个div等价物肯定需要更长的时间。
不过,我并不完全确定这一点。但是如果它能工作,第二个应该是70%,右边没有溢出,因为有边框、边距和填充。

您可以简单地使用用于设置列样式的标记,并对其应用CSS width属性:

如果它是一个数据表,那么标记仍然是正确的解决方案

无表设计的概念仅适用于使用表进行布局的实践,例如右侧菜单栏的表列和主页体的表列。这是不好的做法,不应该再这样做;对于这种布局,元素和CSS是更好的解决方案

但是,如果您希望显示的内容实际上是一个数据表,那么您仍然应该使用标记

事实上,无表设计这个短语本身就是一个不好的短语,因为它正是造成您所困惑的原因

更好的说法是语义设计。语义意味着使用具有逻辑意义的元素和类名,这样,如果搜索引擎或其他扫描程序读取了您的页面,它就可以通过查看标记来了解所看到的内容类型。因此,元素对于数据表是好的,因为它是逻辑的,但是如果导航菜单是在a中,它就没有意义了


希望能有所帮助。

您是否使用该表来显示数据?@nightfirecat是的,例如,名称、价格等。当它完全正确时,这正是标签的用途。