CSS 居中内容的适当方法

2023-11-23

我更喜欢使用基于 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(使用前将#替换为@)

CSS 居中内容的适当方法 的相关文章