У меня есть следующий макет
<div style="width:100px">
<div style="width:50%; display: inline-block;">
div1
</div>
<div style="width:50%; display: inline-block;">
div2
</div>
</div>
потому что в html есть строка изменения между закрывающим и открывающим div (div1 и div2), браузеры добавляют вместо символа "пробел" символ "пробела", что приводит к тому, что второй div будет отображаться под первым div.
Однако, если вы удалите \n между div1 и div2, они отображаются рядом друг с другом, что является ожидаемым поведением.
<div style="width:100px">
<div style="width:50%; display: inline-block;">
div1
</div><div style="width:50%; display: inline-block;">
div2
</div>
</div>
Однако это делает код выглядящим уродливым. В настоящее время я использую <DOCTYPE html>
. Я также пытался переключиться на XHTML, но не работал. Я уверен, что есть способ устранить это поведение разрывов строк, любые идеи?
FYI: я не хочу использовать float или анализировать мой вывод html в php во время рендеринга, чтобы удалить разрывы строк.