1



在我的项目中，我遇到了我们必须创建表（可扩展）的情况。
我已经使用 div 和 spans 实现了。
我的上级要求 ti 使用 td,tr 来实现它

<div class="header"><div class="colLabel" style="width: 24%;">continent</div><div class="colLabel" style="width: 24%;">country</div><div class="colLabel" style="width: 24%;">population</div><div class="colLabel" style="width: 24%;">gdp</div></div>


我的实现是http://jsfiddle.net/agasthyanavaneeth/eLf5K/6/embedded/result/
请帮助我
谢谢:)

4

3 回答 3

2

是的，使用表格数据而不是通用的<div>. 您还可以使用新HTML5标签：<details>和<summary>

然后执行以下操作：

<details>
   <summary>Continent name</summary>
    <p>Country, population and gdp content here</p>
</details>

http://html5doctor.com/the-details-and-summary-elements/

于 2012-09-12T15:28:03.517 回答
1

尽管您可能听说过不能在网站上使用表格……但这只是意味着您不应该使用它们来为您的页面创建布局。

如果您必须显示数据，或者以某种方式使用栅格，则大多数情况下表格是最好的。如果要构建页面，请使用 div。

如果您有更具体的问题，请随时提问！

ps：从我所见，我认为你的老师是对的。您想在类似页面的栅格/表格中显示数据。只需使用表格，它就是为此而生的。

于 2012-09-12T13:45:33.873 回答
0

您的示例在我看来是<table>元素的理想应用程序。是表格数据。要查看我的来源，请关闭 CSS 和脚本，然后查看您的页面：

大陆国家人口国内生产总值亚洲+26826

印度1004

中国13020

巴基斯坦201

孟加拉国181 欧洲+1152

UK215

法国416

德国521

这不是很清楚，是吗？现在将其呈现为<table>：

continent | country    | population | gdp
-----------------------------------------
asia      | india      | 100        | 4
          | china      | 130        | 20
          | pakistan   | 20         | 1
          | bangladesh | 18         | 1
-----------------------------------------
europe    | UK         | 2          | 15
          | france     | 1          | 16
          | germany    | 2          | 21

数据更有意义，您可以使用 CSS 和 javascript 将额外的功能分层。好多了。

于 2012-09-12T12:43:43.617 回答