Question

我有一个1列的表，说5行。

默认情况下，（表中的数据）行在表格中以另一个（垂直）显示。

我想使用CSS和/或javascript以水平对齐方式显示这些数据（在表格中）。（第1列和第5行的表格必须保持不变）

Answer 1

#table tr, #table td {
    display: inline-block;
}

请注意，IE不会那样特别。

Answer 2

这是你的示例表吗？

<table>
    <tr><td>1</td></tr>
    <tr><td>2</td></tr>
    <tr><td>3</td></tr>
    <tr><td>4</td></tr>
    <tr><td>5</td></tr>
</table>

你希望它们是水平的吗？

<table>
    <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
        <td>4</td>
        <td>5</td>
    </tr>
</table>

但是如果你必须使用<tr>并且无法改变结构，那么使用display: inline-block;并不是最佳解决方案。首先，你需要特别修复ie7，当使用内联块时，它也会留下空格。

tr {display: inline-block;}

就浏览器兼容性而言，使用float: left;是最好的选择。也不留空格，但必须在<br style="clear: both;" />之后添加</table>。

tr {float: left;}