2012-05-07 2 views
1

Когда я помещаю дт и его дд элемент в одной строке:CSS: зафиксировать маржу дт-дд

display: inline-block; 
margin: 0px; 

Там еще будет немного разница между этими двумя. Решение я нашел:

margin-left: -4px; 

Но не есть лучший способ решить эту проблему?

+0

очень похож на http://stackoverflow.com/questions/10207992/the-gap-between-two-inline-block-span -элемент – fcalderan

ответ

2

Да, пространство вызвано тем, что блок inline- является частью встроенного потока, что означает, что любой разрыв строки вызовет пробел. Существует несколько решений:

  • Удалить новую линию между двумя элементами.
  • Комплект font-size: 0 на некоторых общих родителях.
  • Использование поплавки вместо инлайн-блока

Here's a good article on the subject.

+0

Спасибо! И является ли мое решение (крайнее-левое) приемлемым решением или оно не сделано? – francisMi

+0

Это не я, потому что вы уже используете его :) –

+0

Margin-left: 4px может выглядеть не так во всех браузерах, поэтому будьте осторожны, если вы будете придерживаться его. Если да, сделайте для него отдельный класс css. – AlexMA

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