CSS文本对齐:居中;不是以事物为中心

CSS文本对齐:居中;不是以事物为中心,css,text-align,Css,Text Align,我有以下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=&quo

我有以下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>
我输入了字体大小,只是想看看样式是否有效(Firebug报告它有效,但我想看看)。它正在工作。但在Firefox或Safari中,文本并没有居中于页脚(尚未在IE中检查)

我尝试了带和不带边距:0自动;带和不带文本对齐:居中;这些东西没有一个组合起作用

以下是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 { list-style-type: none; padding: 0px; margin: 0px }

如果希望列表项中的文本居中,请尝试:

ul#menu-utility-navigation {
  width: 100%;
}

ul#menu-utility-navigation li {
  text-align: center;
}

要使内联块元素在其父元素中水平居中对齐,将
text align:center
添加到其父级。

我不知道您使用的是任何引导版本,但用于居中和阻止中间元素的有用帮助器类是
。居中块
,因为该类包含
边距
显示
CSS属性,但
。text center
类仅包含
文本对齐
属性

这对我很有效:

  e.Row.Cells["cell no "].HorizontalAlign = HorizontalAlign.Center;
但是
'css text align=center'
对我来说不起作用


希望它能帮助你使用
display:block
页边距:自动

它将使div居中

您可以使用
flex-grow:1
。默认值为
0
,它将导致
文本对齐:居中
看起来像


是的,ul已经水平显示了。我想让它在页脚中居中导航。我认为ul继承了页脚div的宽度。我设置了ul的宽度,并将其居中。谢谢一点建议:浏览器从右到左应用样式,因此在加载页面时会对div#footer进行两次分析,这是一个不必要的性能损失(无论如何都很小),您可以避免,因为每页只能有一个#footer。(对不起我的英语)。谢谢你!我不知道。基本上是CSS初学者。他要求帮助学习CSS属性。你的建议是使用bootstrap来抽象css,因此它是离题的。这对我很有用,谢谢!我已将
text align:center
应用于文本元素,但没有应用于执行此任务的包含
div
。将
text align:center
应用于已工作的父对象。欢迎使用stackoverflow。请考虑添加一个简短的代码片段来说明您的解决方案。这对我来说是有效的。谢谢
ul#menu-utility-navigation {
  width: 100%;
}

ul#menu-utility-navigation li {
  text-align: center;
}
  e.Row.Cells["cell no "].HorizontalAlign = HorizontalAlign.Center;