CSS text-align: центр;не работает - PullRequest
Новая
       2

CSS text-align: центр;не работает

34 голосов
/ 05 июня 2011

У меня есть следующий 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 авто;и с и без выравнивания текста: центр;ни одна из этих вещей не сработала.

Выложено из 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;
}

Помощь?

Ответы [ 5 ]

30 голосов
/ 05 июня 2011

Я предполагаю, что вы хотите, чтобы все элементы располагались рядом друг с другом, и все это было отцентрировано по горизонтали.

li элементы по умолчанию display: block, занимающие все горизонтальное пространство.*

Добавьте 

div#footer ul li { display: inline }

, как только вы это сделаете, вы, вероятно, захотите избавиться от пуль списка: 

div#footer ul { list-style-type: none; padding: 0px; margin: 0px }
5 голосов
/ 12 июня 2015

Чтобы выровнять элемент встроенного блока по центру по горизонтали в его родительском элементе, добавьте text-align:center к его родительскому элементу.

5 голосов
/ 05 июня 2011

Если вы хотите, чтобы текст в элементах списка был центрирован, попробуйте: 

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

ul#menu-utility-navigation li {
  text-align: center;
}
0 голосов
/ 17 мая 2019

Это сработало для меня: 

  e.Row.Cells["cell no "].HorizontalAlign = HorizontalAlign.Center;

Но 'css text-align = center ' не сработало для меня

надеюсь, это поможет вам

0 голосов
/ 28 ноября 2015

Я не знаю, вы используете какую-либо версию Bootstrap, но полезный вспомогательный класс для центрирования и блокировки элемента по центру - .center-block, потому что этот класс содержит margin и display свойства CSS, но класс .text-center содержит только text-align свойство

Центральный блок Bootstrap Helper Class

...