Центрируем LI элементы горизонтально
Дата публикации 26/09/13 - 13:44
Как отцентрировать <li> элементы горизонтально по центру? Есть несколько способов, например:
Способ №1
<ul>
<li>item1</li>
<li>item2</li>
<li>item3</li>
<li>item4</li>
</ul>
ul li {
display: inline;
}
ul {
text-align: center;
}
<li>item1</li>
<li>item2</li>
<li>item3</li>
<li>item4</li>
</ul>
ul li {
display: inline;
}
ul {
text-align: center;
}
Данный способ уместен если вам при вёрстке не нужны меню как блочные элементы.
Способ №2
<div class="imba-table">
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<li>Item 4</li>
</ul>
</div>
.image-table {
display: table;
margin: 0 auto; // это отцентрирует LI элементы
}
ul li {
float: left;
list-style: none;
}
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<li>Item 4</li>
</ul>
</div>
.image-table {
display: table;
margin: 0 auto; // это отцентрирует LI элементы
}
ul li {
float: left;
list-style: none;
}
Обворачиваем в дополнительный
.
Этот способ работает во всех современных браузерах за исключением Internet Explorer 7 :)
Этот способ работает во всех современных браузерах за исключением Internet Explorer 7 :)
- 1365 просмотров
Разделы
Подписаться
Комменты
-
Olzhas 10 месяцев 2 недели назадСпасибо. С Новым Годом! →
-
Den 11 месяцев 1 неделя назадВ первой функции, при создании переменной $li_previous нужно поменять '←' с NULL, в $li_next сделать тоже самое. →
-
Гость 11 месяцев 2 недели назадЕсли все ровно так как было описано, то нет никаких сомнений что домен увел сам регистратор. Потому что вероятность того →
-
Валерий 1 год 1 неделя назадда можно делать импорт-экспорт только лишь в оболочке на входя на mysql сервер →
-
admin 1 год 1 неделя назадВалерий, а зачем вам именно так делать экспорт? Если я не ошибаюсь, то там нет какой-либо команды чтобы сделать экспорт →
-
Валерий 1 год 1 неделя назадзахожу на mysql через ssh по команде →
-
admin 1 год 1 неделя назадДобрый вечер, какой у вас клиент? →
-
Валерий 1 год 1 неделя назадЗдравстуйте, есть команда чтобы сделать экспорт базы внутри mysql клиента? →
-
Eduard 1 год 3 недели назадВидать, домен хороший был. Заявление пробывали писать на мошенника? →
-
Stas 1 год 2 месяца назадОшибка в ключе квантификатора - replace(/будешь|пить/ig, "хлеб"); Указать -g для прохода по всем совпадениям! →
Комментарии (0)