2013-07-30 2 views
0

Я пытаюсь использовать margin:auto, чтобы центрировать тег ul в родительском div. Я устанавливаю как фиксированную ширину, так и display:block для ul, но все равно ничего.Центрирование ul в div не работает

Вот мой код http://jsfiddle.net/7y9qV/3/

+0

Может помочь: #thelist {display: inline-block; list-style: none;} –

ответ

2

Я думаю, что я знаю, что вы имеете в виду. Проблема в том, что элементы <ul> на самом деле визуализируются с помощью прокладки (в браузерах, в которых я их видел), что приводит к тому, что список переместится вправо.

Чтобы это исправить, просто добавьте к вашему текущему определению для #thelist:

#thelist{ 
    padding:0; 
} 

Вот JSFiddle, который показывает, что это достигается. Надеюсь, это то, что вы искали! Если нет, дайте мне знать, и я буду рад помочь дальше.

+0

Отлично, спасибо. –

+0

Отлично! Я рад, что смог помочь. – Serlite

+0

Ой, да, если этот ответ решит вашу проблему, не могли бы вы принять его как правильный ответ? (Щелчок по галочке.) Спасибо! – Serlite

Смежные вопросы