html - 如何使用 <col/> 右对齐表格单元格中的文本

标签 html css html-table text-alignment

我希望第二列右对齐,我不想将样式应用于 <td> 元素。根据我的阅读,<col> 是可行的方法,但它对我不起作用:

<table>
    <col style="width: 20em" />
    <col align="right" style="text-align: right" />
    <col />
    <tbody>
        <tr>
            <td>123</td>
            <td>1</td>
            <td>2</td>
        </tr>
        <tr>
            <td>12345678</td>
            <td>189</td>
            <td>2</td>
        </tr>
    </tbody>
</table>

也尝试过 <colgroup>,但没有成功。有什么想法吗?

附注 最新的 Chrome,FF5

最佳答案

显然只有 IE 和 Opera 允许对齐

更新,col 应该只有 borderbackgroundwidthvisibility。与css继承有关。 http://ln.hixie.ch/?start=1070385285&count=1 (请注意,我只是浏览了这篇文章,但它似乎是一篇不错的读物)。

关于html - 如何使用 <col/> 右对齐表格单元格中的文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7406499/

相关文章:

php - echo <a> 标签内的变量

html - 图像的响应框(仅限 css)

javascript - jsPDF AutoTable rowspan/colspan 来自 HTML 表

php - 使用 rowspan 从 mysql 结果动态创建表

javascript - AngularJS - ng-repeat 中的目标特定元素

html - 在 Angular 中,如何将类的变量设置为函数的结果?

jquery/ajax shoutbox 不刷新内容但提交

javascript - 向每行添加唯一 id 以根据列值隐藏/显示表行 - Laravel - javascript

html - 背景图片未显示在 CSS Div 上

javascript - JSON 样式返回 object 对象