Подтвердить что ты не робот

Сменил ли CSS <br/">?

В настоящее время я вижу много веб-сайтов, имеющих несколько тегов <br/> или без них. Не удалось ли CSS избежать необходимости <br/> или <br/>?

Я спрашиваю об этом, чтобы я знал, использовать или не использовать <br/> в будущем.

4b9b3361

ОТВЕТЫ

Ответ 1

Как D.A. сказал, иногда <br> подходит, и иногда это не так - это зависит от того, для чего вы его используете. Вот несколько примеров того, какой CSS использовать вместо <br>, в случаях, когда <br> не подходит.

Вертикальный край или отступы

Если вы используете <br>, чтобы добавить вертикальное пространство только потому, что оно выглядит лучше (не потому, что разрывы строк являются частью содержимого), вы должны использовать вертикальное поле или дополнение. Вместо этого:

<div class="foo">some content</div>
<br><br>
<div class="bar">more content</div>

Вам может понадобиться следующее:

<div class="foo">some content</div>
<div class="bar">more content</div>

.foo { margin-bottom: 2em; }

В зависимости от ситуации вам может потребоваться изменить расстояние 2em или использовать padding вместо margin или поместить пространство вверху .bar вместо нижней части .foo.

display: block

Если вы используете единственный <br>, чтобы разбить строку на две только для визуального эффекта, лучше использовать display: block. Если у вас есть этот HTML-код в форме:

<label for="first-name">First name:</label>
<br>
<input type="text" id="first-name" name="first-name" />

тогда вы должны сделать что-то вроде этого:

<label for="first-name">First name:</label>
<input type="text" id="first-name" name="first-name" />

form label { display: block; }

<label> по умолчанию display: inline, что означает, что они могут сидеть на линии с другим текстом. Когда вы создаете элемент display: block и не устанавливаете его width на фиксированное значение, например 100px, элемент расширяется, чтобы заполнить всю строку, заставив элемент после него следующей строке.

Ответ 2

<br> является допустимым тегом. Но это просто разрыв строки. Обычно вы не нуждаетесь в разрыве строк, поскольку для форматирования вашего контента обычно используются гораздо более смысловые значащие теги. Но все зависит от контекста.

Лучше спросить нас, имеет ли смысл использование тега <br>. Отправьте несколько примеров того, как вы его используете.

Ответ 3

Теги

<br> подходят для использования, просто убедитесь, что вы используете их соответствующим образом. Если вы обнаружите, что используете больше одного, чтобы получить дополнительный интервал, вместо этого вы должны использовать css. Обычное использование тега <br> - это вставка чего-то типа адреса.

<p>Company Name<br>
Address Line 1<br>
Address Line 2<br>
City, State, Zip</p>

Попытайтесь не использовать их для презентации, если вам нужно больше одного разрыва строки, тогда используйте margin или padding в css.

Не делайте этого

<p>some paragraph text</p>
<br><br><br>
<p>more content</p>

Ответ 4

Используйте <br> всякий раз, когда содержимое содержит разрыв строки. Есть несколько случаев:

  • В форуме, если плакат подписывает свой пост:

    <p>See you,<br>Jon Doe<br>

  • Для почтовых адресов, если было бы излишним использовать выделенный <div> каждый со своим классом для имени, улицы, состояния и т.д.

    <p>Jon Doe<br>Sunrise Avenue 123<br>Saint Nowhere</p>

  • В общем случае, если пользователи могут вводить форматированный текст, а кто-то вводит один разрыв строки.