2013-01-28 2 views
2

Можно создать дубликат:
Unwanted margin in inline-block list items
A Space between Inline-Block List ItemsРазмер шрифта с em - что, если base-size = 0?

Чтобы избежать разрыва между к li набор для display: inline-block, я установил размер шрифта ul 0. Следовательно, природа of em sizing, 0 теперь передается в качестве базового размера шрифта для всех li, что практически означает, что их не видно.

Есть ли способ решить эту проблему без установки font-size: 14px (например) в список элементов?

+2

Только не устанавливайте размер шрифта на 0. Независимо от исходной проблемы, установка размера шрифта на 0 является неправильным решением. –

+0

Почему не просто 'float: left'? и не устанавливайте 'ul'' font-size: 0', или если вы должны использовать 'display: inline;' use 'margin-right: -4px;' –

+0

Кажется, что это было покрыто связкой. http://stackoverflow.com/a/5256640/1770042 – Davhed

ответ

2

Просто плавать их вместо Может быть, они не нужно быть встроенным блоком по адресу , возможно, они могут быть так или иначе размещены. Это позволяет установить на их ширину и высоту, а также набивку и прочее. Вы просто не можете центрировать их, как вы можете, выровняв текст: center; родительский элемент элементов встроенного блока.

Посмотрите на этот источник: http://css-tricks.com/fighting-the-space-between-inline-block-elements/

это список нескольких решений вашей проблемы. Избегайте установки размера шрифта 0;

+0

Ничего себе круто, я не нашел этот пост. Я только что использовал метод с комментариями, также опубликованный bažmegakapa. На самом деле я хотел бы принять оба ответа ... – Sven

1

Одно решение поместить комментарии в разметку, поэтому элементы списка не будут иметь бело-пространство между ними, так что вам не нужно, чтобы взломать больше:

<ul><!-- 
    --><li>1</li><!-- 
    --><li>1</li><!-- 
    --><li>1</li><!-- 
--></ul> 
+0

Работал как очарование, спасибо! – Sven

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