我想创建一个像这样的标题:
<div id="header>
<span class="left></span>
<span class="center"></span>
<span class="right></span>
</div>
所以有一个全内嵌的标题。 left 一直到左边,right 一直到右边,center 在header 的中央。
挑战在于#header 是流动的。任何 CSS 建议。现在我能想到的最好的方法是使用 3 行的表格。
谢谢
最佳答案
试试这个:
如果您调整页面中间的间隔条,您会看到所有“列”都保持适当对齐。
关键是所有列的宽度总和为 100%,并且您将它们全部 float 到左侧(或右侧,这并不重要)。当您的宽度基于百分比时,它们会随着父级更改尺寸而适当调整。
如果您只关心文本是右/中/左(而不是图像等),您还可以将所有列设置为 100% 宽度并绝对定位,然后只使用文本对齐:
关于3列的CSS建议,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4207791/