使用CSS左对齐表

Question

我想用CSS左边对齐一个表,类似于标准HTML中的align = left,但我知道这是一个糟糕的形式.有没有办法做到这一点？如果没有,有没有办法在不使用表格的情况下格式化内容旁边的左对齐链接列表？

Answer 1

为简单起见,从样式标记中取出东西并使用CSS类代替:

<ul style="text-align: left; float: left;">
    <li><a href="#">Your link here!</a></li>
</ul>

简单.显示列表后,您需要为其<ul>包含的元素指定样式,overflow: auto;以便为其下方显示的下一个元素移除浮动.

继jeroen之后说,是的,默认情况下,表应该保持对齐,除非你dir="rtl"在DOM中设置了某个地方.在这种情况下,除非你有创意或者你正在写希伯来文,否则它没有理由在那里;)

Answer 2

回答"如何对齐表格中的文本？",而不是关于div或如何浮动它们.

以下是如何在不使用不推荐的align属性的情况下使表格显示在页面左侧:

<table style="margin-right:auto;margin-left:0px">

请确保指定的宽度小于表格的容器,但足够大,以满足您的需求.