Html код в одну строку

Подскажите, плизз, я в HTML не очень шарю, нужен тег типа присоединения или пробела (чтобы было в одной строке) вот так

А то у меня вот так выглядит

4 ответа 4

Можно использовать display: inline-block для элементов.

Пример расположения элементов в одну строку:

display — многоцелевое свойство, которое определяет, как элемент должен быть показан в документе. Значение inline-block — генерирует блочный элемент, который обтекается другими элементами веб-страницы подобно строчному элементу.

Есть шаблон сайта, у него большая часть кода написана в одну строку, редактировать очень не удобно, даже с подсветкой открывающих/закрывающих DIV.

Есть какие то решения, которые могут привести код автоматически в приятный вид?

Другой способ вытягивания html кода. Приведенный ниже код обходить служебные теги и обрабатывает только html разметку. Код надо добавить в файл function.php.

Вытянуть код в одну строку

Каждый вебмастер или заказчик сайта стремится, чтобы его сайт загружался быстро и не тормозил. Одним из способов, который рекомендует использовать Гугл при оптимизации сайта, это сокращение веб документа. Делается это простым удалением из кода ненужных комментариев, пробелов, переходов на новую строку и так далее.

Не так давно я написал скрипт, который помогает вытянуть html код в одну строку. Однако, в том коде есть свои недостатки.

Он прекрасно справляется со своей задачей и быстрее других функций выполняет задачу. Но, если вы используете в своих статьях тег pre, то такой код также вытягивается в одну строку и перестает быть наглядным. А в некоторых случаях вообще перестает работать.

Поэтому я решил рассказать про другой способ вытягивания. Приведенный ниже код обходить служебные теги и обрабатывает только html разметку.


[an error occurred while processing the directive]
Карта сайта