Normal: Текст в окне браузера выводится как обычно, переносы строк Пробелы не учитываются, переносы строк в коде HTML игнорируются, весь. Normal: Строки не переносятся или переносятся в тех местах, где явно задан перенос (например, с помощью тега <br>). break-word: Перенос строк html > < html > <head> <meta charset="utf-8"> <title>word-wrap</title> <style>.col. Вот эти два способа должны убрать все лишние переносы строк. 2010: SmartArt · Как сохранить документ Word в HTML формате? Допустим, я напишу 2 тэга div (без <br />). Задам им фоновый цвет и размеры (обоим 10х10) и в результате они появятся один под другим, а мне надо.
Для текста есть такая штука white-space: nowrap; Она делает именно то, что вам надо - текст в одну строку! А чтобы работать с другими объектами как с текстом, надо делать их строчными (inline), или строчно-блочными (inline-block). Тогда один объект будет вести себя как одно слово. inline-block - еще и гораздо более лучший способ выстроить элементы друг за другом Короче говоря, вот ваше решение:.
У этого способа есть и свои особенности. На инлайны и на инлайн-блоки (как и на текст) влияет вертикальное выравнивание, которое по умолчанию baseline. Сделав плиточную структуру или, скажем, колонки при помощи инлайн-блока хочешь, чтобы они были выравнены по вертикали по верху и надо дополнительно указывать vertical-align: top;. Еще одна особенность в том, что все текстовые разделители (пробелы, табуляции, переносы строк) преобразуются в один пробел между инлайнами и инлайн-блоками. Подобно пробелам между словами.
Лечится это многими способами. Вот хорошая статья и дополненое решение:. ответ дан 20 окт '13 в 14:57. Хотя в случае с картинками можно обойтиь и без замеса с inline-block :) – Cypher 20 окт '13 в 15:12. спасибо большое) – iterq 20 окт '13 в 15:34. 2016 Stack Exchange, Inc.