我更喜欢使用基于 CSS 的设计,但作为后端编码人员,我的 CSS 技能有点弱。当我涉及布局时,我倾向于依靠基于表格的格式,因为我的思想已经被多年来基于表格的滥用所扭曲。有一个特别的问题我总是被绊倒。最好的 CSS 替代品是什么:
<table width="100%">
<tr>
<td align="center">
content goes here
</td>
</tr>
</table>
我有时使用:
<div style="width:100%; text-align:center">content</div>
但这似乎不太正确。我不是在尝试对齐文本,而是在尝试对齐内容。此外,这似乎对封闭元素的文本对齐有影响,这需要调整才能修复。我不明白的一件事是:为什么没有 float:center 样式?看起来这将是最好的解决方案。希望我遗漏了一些东西,并且有一个完美的 CSS 方法可以做到这一点。
你是对的text-align
用于对齐文本。实际上,只有 Internet Explorer 可以让您将文本以外的任何内容居中。任何其他浏览器都能正确处理此问题,并且不会让块元素受到影响text-align
.
要使用 css 居中块元素,请使用margin: 0 auto;
正如乔·菲利普斯建议的那样。虽然你根本不需要保留桌子。
原因是没有float: center;
浮动的目的是将元素(通常是图像)放置在左侧或右侧,并让文本围绕它们流动。在这种情况下,将某些内容浮动在中心没有意义,因为这意味着文本必须在元素的两侧流动。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)