gpt4 book ai didi

CSS 文本对齐 : center; is not centering things

转载 作者:数据小太阳 更新时间:2023-10-29 09:13:53 28 4
gpt4 key购买 nike

我有以下 html:

<div id="footer">
<ul id="menu-utility-navigation" class="links clearfix">
<li class="menu-685 menu-site_map first">Site Map
</li>
<li class="menu-686 menu-privacy_policy">Privacy Policy
</li>
<li class="menu-687 menu-terms___conditions">Terms &amp; Conditions
</li>
<li class="menu-688 menu-contact_us last">Contact Us
</li>
</ul>
</div>

使用以下 CSS:

div#footer {
font-size: 10px;
margin: 0 auto;
text-align: center;
width: 700px;
}

我添加了字体大小位只是为了查看样式是否有效(Firebug 报告它有效但我想看看)。这是工作。但是在 Firefox 或 Safari 中文本不在页脚中心(尚未在 IE 中检查)。

我试过有和没有边距:0 auto;有和没有文本对齐:居中;这些东西的组合都不起作用。

这是 Firebug 的输出:

div#footer {
font-size: 10px;
margin: 0 auto;
text-align: center;
width: 700px;
}

Inherited fromdiv#page
#skip-to-nav, #page {
line-height: 1.5em;
}

Inherited frombody.html
body {
color: #666666;
font-family: verdana,arial,sans-serif;
}

帮忙吗?

最佳答案

我假设您希望所有元素彼此相邻,并且整个元素水平居中。

li 元素默认为display: block,占据所有水平空间。

添加

div#footer ul li { display: inline }

完成后,您可能想去掉列表中的元素符号:

div#footer ul { list-style-type: none; padding: 0px; margin: 0px }

关于CSS 文本对齐 : center; is not centering things,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6243070/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com