Html 表格右对齐

2024-04-27

--------------------------------
| item a                 item b |
| item c         item d  item e |

---------------------------------
| item a         item b          |
| item c         item d  item e  |

我的表中有两行,我希望它们每行都有一个左对齐的项目和一些右对齐的项目,如上面的第一个示例所示。

然而,当我设置item b, item d, and item e to align="right",我得到了上面第二个例子的行为。为什么是item bitem d并不是right?

Edit: Jsfiddle http://jsfiddle.net/xover9000/A5LDZ/1/


你有一些不正确的语法。你正在使用style="align-right"当我相信你的意思是style="text-align:right;"。您还需要添加一个colspan="2" to the <td>它需要跨越 2 列 - 又名“项目 b”单元格:

<table width="500px">
    <tr>
        <td>
            item a
        </td>
        <td style="text-align:right;" colspan="2">
            item b
        </td>
    </tr>
    <tr>
        <td>
            item c
        </td>
        <td style="text-align:right;">
            item d
        </td>
        <td style="text-align:right;">
            item e
        </td>
    </tr>
</table>

http://jsfiddle.net/A5LDZ/2/ http://jsfiddle.net/A5LDZ/2/

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Html 表格右对齐 的相关文章

随机推荐