Как изменить высоту <br>?

Используя более геометрический подход, вычислите следующие расстояния:

ab = sqrt((a.x-b.x)**2 + (a.y-b.y)**2)
ac = sqrt((a.x-c.x)**2 + (a.y-c.y)**2)
bc = sqrt((b.x-c.x)**2 + (b.y-c.y)**2)

и тестируют, равняется ли ac+bc ab:

is_on_segment = abs(ac + bc - ab) < EPSILON

Поэтому существует три возможности:

  • 3 точки формируют треугольник => ac+bc> ab
  • , Они коллинеарны и , c вне сегмент ab => ac+bc> ab
  • , Они коллинеарны и , c в сегмент ab => ac+bc = ab
250
задан Danny Beckett 29 April 2013 в 18:22
поделиться

8 ответов

Css:

br {
   display: block;
   margin: 10px 0;
}

Решение, вероятно, несовместимо с кроссбраузерностью, но, по крайней мере, это кое-что. Также рассмотрите возможность установки line-height :

line-height:22px;

Для Google Chrome рассмотрите настройку content :

content: " ";

Кроме этого, я думаю, вы застряли с решение на JavaScript.

262
ответ дан 23 November 2019 в 02:56
поделиться

вы также можете использовать свойство «block-quote» в CSS. Это сделает так, что это не влияет на ваши отдельные строки, но позволяет вам устанавливать параметры только для разрывов между абзацами или «блочных кавычек».

ОБНОВЛЕНИЕ:
Я исправился. "blockquote" на самом деле является свойством html. Вы используете его так же, как

и в своей работе. Затем вы можете установить параметры для вашей цитаты блока в css, например

blockquote { margin-top: 20px }

. Надеюсь, это поможет. Это похоже на установку параметров на br и может быть кроссбраузерным, а может и не быть.

1
ответ дан 23 November 2019 в 02:56
поделиться


займет столько же места, сколько заполненная текстом строка вашего

, вы не можете это изменить. Если вы хотите больше, это означает, что вы хотите разделить на абзацы, поэтому добавьте другой

. Не забывайте быть максимально семантичным;)

1
ответ дан 23 November 2019 в 02:56
поделиться

Насколько мне известно
не имеет высоты , он просто вызывает разрыв строки. У вас есть текст с некоторыми разрывами строки в дополнение к автоматически переносимым, не подпункты. Вы можете изменить межстрочный интервал, но это повлияет на все строки.

25
ответ дан 23 November 2019 в 02:56
поделиться

вы можете применить высоту строки к этому элементу

, чтобы строки стали больше.

11
ответ дан 23 November 2019 в 02:56
поделиться

Я не пробовал использовать псевдоэлемент : before / : after CSS2 раньше, в основном потому, что он поддерживается только в IE8 (это касается браузеров IE) . Это может быть единственно возможное решение CSS:

br:before {
    display: block;
    margin-top: 10px;
    content: "";
}

Вот пример в QuirksMode .

7
ответ дан 23 November 2019 в 02:56
поделиться

Я подумал, что вы могли бы использовать:

br:after {
    content: ".";
    visibility: hidden;
    display: block;
}

Но это не сработало в chrome или firefox.

Просто подумал, что упомяну об этом, если это произойдет кому угодно, и я избавлю их от неприятностей.

4
ответ дан 23 November 2019 в 02:56
поделиться

Майкл и йода правы. Что вы можете сделать, так это использовать тег

, который, будучи тегом блока, использует нижнее поле для смещения следующего блока, так что вы можете сделать что-то подобное для увеличения интервала:

<p>
    A block of text.
</p>
<p>
    Another block
</p>

Другой альтернативой является использование тега блока


, с помощью которого вы можете явно определить высоту интервала.

2
ответ дан 23 November 2019 в 02:56
поделиться