Какая альтернатива <br/">, если я хочу контролировать высоту между строками?

В следующем примере:

Line1 <br /> Line2

Я использую <br />, чтобы заставить Line2 перейти к следующей строке, но насколько я знаю, нет кросс-браузера, способного установить высоту br. Каков альтернативный метод, который я мог бы использовать?

Ответы

Ответ 1

Используйте блоки differents:

<p>Line1</p>
<p>Line2</p>

Ответ 2

С помощью CSS вы можете управлять свойством line-height любого элемента.

someElement {
    line-height:12px;
}

Теперь вы можете просто установить это для элемента или использовать его на весь HTML, чтобы обеспечить единообразие в документе. Это безопасно, совместимо с кросс-браузером и прост в использовании.

Ответ 3

Обычно использование <br /> - это старый способ взлома строки. Вы должны использовать <p>, <div> или некоторые элементы уровня блока и дать им верхнее или нижнее поля.

p {
   margin-top:5px;
   margin-bottom:5px
}

Ответ 4

Вы можете использовать свойство css line-height вместе с тегом <br/> для управления интервалом между строками.

<style>
.small
{
    line-height:100px;
}
</style>

<p class="small">
This is a paragraph with a smaller line-height.<br />
This is a paragraph with a smaller line-height.<br />
This is a paragraph with a smaller line-height.<br />
This is a paragraph with a smaller line-height.<br />
</p>

Ответ 5

Использовать атрибуты padding и/или margin css.

Ответ 6

  • Я добавляю <div>, лучший способ для меня, с краем CSS. Или,
  • Тег <p>.