1

我正在布置一个简单的正方形网格，其中每个正方形的宽度是屏幕宽度的 50%，并且每个正方形之间的间距是固定的。我找到了一种非常直观的方法来使用表格和一行 JavaScript（这里是一个小提琴）：

HTML

<table width="100%" cellspacing="10">
  <tr>
    <td width="50%"></td>
    <td width="50%"></td>
  </tr>
  <tr>
    <td width="50%"></td>
    <td width="50%"></td>
  </tr>
</table>

JavaScript

$('td').height($('td').width());

这似乎是对表格的理智、语义使用，但我几乎可以肯定我会被我的程序员同事撕毁，因为我将表格用于除了表格文本数据之外的任何东西。是否有任何正当理由不使用上述方法？

4

1 回答 1

1

当您的 HTML 将包含表格数据时，我认为使用表格不是问题。如果您使用tablejust 来设计布局，则应该使用“普通”元素（div,section等article）。

但是，我想指出的是，您在 HTML 中使用了布局样式 - 现在这是错误的。你应该把你的设计放在 CSS 中，并保持你的 HTML 干净。例子：

HTML

<table>
    <tr>
        <td></td>
        <td></td>
    </tr>
    <tr>
        <td></td>
        <td></td>
    </tr>
</table>

CSS

table {
    width:100%;
    border-collapse: seperate;
    border-spacing : 10px;
}
td {
    width:50%;
    background-color:red;
}

jQuery

$('td').height($('td').width());

JSF中。

于 2013-02-26T06:45:09.290 回答