Непонятные отступы

188

30 января 2018, 08:57

Доброго времени суток. Примерно месяц назад начал изучать верстку сайтов, недавно скачал готовый сайт, чтобы попробовать разобраться в коде и наткнулся на такую проблему: когда я просто начал делать код более читабельным (ставить табы и энтеры) сайт начал "ехать", т. е. кое-где начали ставиться отступы непонятно откуда, кое-где просто переходы на новую строку. Так же пробовал прогонять его через различные сервисы, которые делают код более читабельным (HTML Beautifier) и та же проблема. Заранее спасибо за помощь.

Answer 1

Пример лучше слов

<p> 
    <button>1</button> 
    <button>2</button> 
    <button>3</button> 
</p> 
 
<p> 
    <button>1</button><button>2</button><button>3</button> 
</p>

Что бы избавиться от такого можно использовать комментирование

<p> 
    <button>1</button> 
    <button>2</button> 
    <button>3</button> 
</p> 
 
<p> 
    <button>1</button><!-- 
    --><button>2</button><!-- 
    --><button>3</button> 
</p>

Или задать font-size: 0

<p> 
    <button>1</button> 
    <button>2</button> 
    <button>3</button> 
</p> 
 
<p style="font-size:0"> 
    <button>1</button> 
    <button>2</button> 
    <button>3</button> 
</p>

С тонкостями и то, какие элементы подвержены такому ознакомитесь с опытом.

Главное, что будете иметь ввиду.