Как удалить пространство между элементами встроенного блока

-6

У меня есть два inline-block div's с width: 50% каждый. И мне нужно, чтобы они вписывались в одну строку.Как удалить пространство между элементами встроенного блока

<div class="inline">Left one</div> 
<div class="inline">Right one</div>

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

<div class="inline">Left one</div><div class="inline">Right one</div>

Любое красивое решение для этого?

Заранее спасибо.

Вот JSFIDDLE демо: JSFIDDLE

источник

2013-11-28 Joaquín O

Вы хотите сказать, что вы хотите, чтобы ваш код выглядеть слишком хорошо? Что не похоже на то, что у вас есть прямо сейчас? – Charles

Вы можете попробовать их плавать. –

Я не хочу заканчивать div и запускать следующее в той же строке. Это простой пример, но в действительности он менее читабельный (больше divs в одной строке и много кода внутри них). Мне нравится хороший отступ. –

Вы можете попробовать применить:

margin:0; padding:0; float:left;

Проверьте это: http://jsfiddle.net/65adr/7/

Также проверьте эту страницу альтернатив:

http://css-tricks.com/fighting-the-space-between-inline-block-elements/

источник

2013-11-28 23:04:13

Это позволит избежать любого пространства :) –

Thx, я все равно пытался избежать поплавков. –

Добро пожаловать. Я предлагаю вам взглянуть на эту страницу, которая очень объяснительна http://css-tricks.com/fighting-the-space-between-inline-block-elements/ –

-2

не знаю, что вы хотите, до тех пор, как второй блок кодов работает, почему бы вам не использовать их?

Или вы можете использовать float:left

источник

2013-11-28 23:04:00

b/c Мне нравится иметь хороший отступ в моем коде .. Это просто проблема эстетики. –

-2

Добавить «Поплавок: левый» в классе ...

div.inline 
{ 
    display: inline-block; 
    width: 50%; 
    outline: solid 1px #F00; 
    float: left; 
}

источник

2013-11-28 23:04:47 Ads

Как удалить пространство между элементами встроенного блока

ответ

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