gpt4 book ai didi

html - 在 HTML 中显示表格数据

转载 作者:搜寻专家 更新时间:2023-10-31 21:58:16 24 4
gpt4 key购买 nike

我以前总是使用表格。然而,有人告诉我,表格的使用在现代 HTML 设计中是一个很大的禁忌。在现代 HTML 中显示表格数据的一些好的和“可接受的”方法是什么?

我想做这样的事情:

First_Name   Last_Name    Phone NumberBritney      Spears       555-555-5555Jon          Bon Jovi     444-444-4444

我不是 100% 清楚为什么我不应该为此使用表格。但我见过人们使用 <li>他们使用 CSS 使行为更像 <div>

使用 HTML 和 CSS 设置此类数据的好方法是什么?

最佳答案

您的示例完全有效地使用了规范中描述的表格(重点是我的):

The table element represents a table; that is, data with more than one dimension.

http://www.w3.org/TR/html-markup/table.html
http://www.w3.org/TR/2011/WD-html5-20110525/tabular-data.html#examples

对表格数据使用 CSS 是可能的,但处理 100% 宽度、等高单元格、文本换行、溢出等很快就会变得异常困难。表格的布局和呈现模型已明确定义并针对这些场景,而 divdlol 则不是。

有不同的显示类型在非表格元素上支持更多类似表格的布局,但目前这些都没有得到很好的实现。

参见:http://www.quirksmode.org/css/display.html#table

关于html - 在 HTML 中显示表格数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12040841/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com