Наши проекты:
Журнал · Discuz!ML · Wiki · DRKB · Помощь проекту |
||
ПРАВИЛА | FAQ | Помощь | Поиск | Участники | Календарь | Избранное | RSS |
[18.223.160.61] |
|
Страницы: (2) [1] 2 все ( Перейти к последнему сообщению ) |
Сообщ.
#1
,
|
|
|
Нужно увеличить интервал между двумя строками. Если делать line-height: 150%, то как следует из названия этого свойства, увеличивается высота обеих строк, т.е. если вокруг строк есть граница (border), то эта граница отодвинется вверх от верха первой строки и вниз от низа второй. Мне же нужно тупо увеличить расстояние между строками. Сделал вот так:
<div style="margin-bottom: 8px;">Первая строка</div>Вторая строка |
Сообщ.
#2
,
|
|
|
div - это блочный элемент, так что однозначно нет. Более верно будет использовать span и уже в нём указывать line-height
|
Сообщ.
#3
,
|
|
|
Я же уже говорил про line-height: он будет раздвигать верхнюю и нижнюю границы (условно говоря, padding-top и padding-bottom).
div работает как надо, но возможно есть более красивый вариант. |
Сообщ.
#4
,
|
|
|
Цитата Jin X @ красивый Цитата Serafim @ Более верно будет использовать span А дальше со всеми паддингами. Других вариантов, кроме (первый чар - :first-letter, и первая строка - :first-line) нету. |
Сообщ.
#5
,
|
|
|
Цитата Serafim @ Не понял, как этим пользоваться применительно к конкретному id или классу:Других вариантов, кроме (первый чар - :first-letter, и первая строка - :first-line) нету. #promo_codebox { position: fixed; bottom: 10px; left: 10px; z-index: 1000000; background: #400; padding: 10px 12px; border: 2px solid #fc0; border-radius: 4px 4px 4px 4px; font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 13pt; color: #fff; } Добавлено Ну или padding-bottom. Добавлено Понятно... magrin и padding там не поддерживается, только так: #promo_codebox::first-line { line-height: 200%; } |
Сообщ.
#6
,
|
|
|
паддинг вроде должен срабатывать он для любых элементов прокатывает. Но если нет, для first-line добавь display: inline-block, тогда точно будет всё работать, включая ширину и высоту даже.
|
Сообщ.
#7
,
|
|
|
Вот так?
#promo_codebox:first-line { display: inline-block; padding-bottom: 16px; } |
Сообщ.
#8
,
|
|
|
да, ты прав, какой-то левак с этой first-line. Вот такой хак работает: http://jsbin.com/hurodolaxi/1/edit?html,css,output
|
Сообщ.
#9
,
|
|
|
Проще через div
|
Сообщ.
#10
,
|
|
|
Цитата Jin X @ если длина первой строки не меняется Проще через div |
Сообщ.
#11
,
|
|
|
Цитата Jin X @ Проще через div Через span Добавлено строка - это инлайновый (текстовый), а не блочный элемент (квадрат) |
Сообщ.
#12
,
|
|
|
K313, о чём ты?
Serafim, каким образом ты хочешь увеличить интервал через span? span не работает!!! div работает. Сам попробуй... |
Сообщ.
#13
,
|
|
|
Цитата Serafim @ display: inline-block Добавлено предрекая вопросы "накуя" - о семантике забочусь |
Сообщ.
#14
,
|
|
|
А чем вариант
<span style="display: inline-block; margin-bottom: 8px;">Первая строка</span><br />Вторая строка <div style="margin-bottom: 8px;">Первая строка</div>Вторая строка Добавлено Если работают одинаково... |
Сообщ.
#15
,
|
|
|
Цитата Serafim @ предрекая вопросы "накуя" - о семантике забочусь |