我想使用CSS左对齐一个表格,类似于标准HTML中的align=left,但我知道这样做是不好的。有没有办法可以实现这个效果?如果没有,有没有一种方法可以格式化一个靠近内容的左对齐链接列表而不使用表格?
回答“如何对齐表格内的文本?”,不涉及div或如何浮动它们。
这是如何使表格出现在页面左侧而不使用废弃的对齐属性的方法:
<table style="margin-right:auto;margin-left:0px">
请确保指定的宽度小于表格容器的宽度,但足够满足您的需要。
为简单起见,请将样式标签中的内容取出并改用CSS类:
<ul style="text-align: left; float: left;">
<li><a href="#">Your link here!</a></li>
</ul>
简单。在显示列表时,您需要为包含元素给予<ul>
样式overflow: auto;
,以删除出现在下方的下一个元素的浮动样式。
继续jeroen所说的,是的,表格应默认左对齐,除非您在DOM中设置了dir="rtl"
。在这种情况下,除非您要创意或书写希伯来语,否则没有理由将其放置在那里 ;)
正如Jason所评论的,HTML默认情况下所有内容都是左对齐的。如果你的表格内容不是左对齐的,那么你要么已经在某些方面改变了它们的对齐方式,要么你正在看到一些填充或其他影响的副作用。要“修复”这样的表格,请尝试类似以下的CSS代码:
<style>
TABLE, TBODY, TR, TD, TH {
text-align:left;
padding:0;
border-spacing:0; /* or border-collapse:collapse */
}
</style>
margin:auto 0
,就像是一个奇迹。
th
默认为居中对齐。[http://www.w3schools.com/tags/att_th_align.asp] - Jess