Используя более геометрический подход, вычислите следующие расстояния:
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
Поэтому существует три возможности:
Css:
br {
display: block;
margin: 10px 0;
}
Решение, вероятно, несовместимо с кроссбраузерностью, но, по крайней мере, это кое-что. Также рассмотрите возможность установки line-height
:
line-height:22px;
Для Google Chrome рассмотрите настройку content
:
content: " ";
Кроме этого, я думаю, вы застряли с решение на JavaScript.
вы также можете использовать свойство «block-quote» в CSS. Это сделает так, что это не влияет на ваши отдельные строки, но позволяет вам устанавливать параметры только для разрывов между абзацами или «блочных кавычек».
ОБНОВЛЕНИЕ:
Я исправился. "blockquote" на самом деле является свойством html. Вы используете его так же, как
и p> в своей работе. Затем вы можете установить параметры для вашей цитаты блока в css, например
blockquote { margin-top: 20px }
. Надеюсь, это поможет. Это похоже на установку параметров на br и может быть кроссбраузерным, а может и не быть.
займет столько же места, сколько заполненная текстом строка вашего
, вы не можете это изменить. Если вы хотите больше, это означает, что вы хотите разделить на абзацы, поэтому добавьте другой
. Не забывайте быть максимально семантичным;)
Насколько мне известно
не имеет высоты , он просто вызывает разрыв строки. У вас есть текст с некоторыми разрывами строки в дополнение к автоматически переносимым, не подпункты. Вы можете изменить межстрочный интервал, но это повлияет на все строки.
вы можете применить высоту строки к этому элементу
, чтобы строки стали больше.
Я не пробовал использовать псевдоэлемент : before
/ : after
CSS2 раньше, в основном потому, что он поддерживается только в IE8 (это касается браузеров IE) . Это может быть единственно возможное решение CSS:
br:before {
display: block;
margin-top: 10px;
content: "";
}
Вот пример в QuirksMode .
Я подумал, что вы могли бы использовать:
br:after {
content: ".";
visibility: hidden;
display: block;
}
Но это не сработало в chrome или firefox.
Просто подумал, что упомяну об этом, если это произойдет кому угодно, и я избавлю их от неприятностей.
Майкл и йода правы. Что вы можете сделать, так это использовать тег
, который, будучи тегом блока, использует нижнее поле для смещения следующего блока, так что вы можете сделать что-то подобное для увеличения интервала:
<p>
A block of text.
</p>
<p>
Another block
</p>
Другой альтернативой является использование тега блока
, с помощью которого вы можете явно определить высоту интервала.