Отличное предложение. Работает как шарм!

ли правильный способ для отображения текста на высоте спуска линии вместо ее базовой линии?

Пожалуйста, обратитесь к следующим страницам:

http://en.wikipedia.org/wiki/Baseline_(typography)

а также

http://jsfiddle.net/YPPnU/

Цель состоит в том, чтобы нижняя часть моего текста (как показано на скрипке) выровнялась с нижней частью блока H1 без использования изображений.

Я понимаю, что если я использую нисходящие символы (p, q и т. Д.), То это сбрасывается, но я никогда не буду использовать их в рамках этого проекта. Мне нужны символы без спусков, чтобы они были на одном уровне с нижней частью блока h1.

Я пробовал различные корректировки с позиционированием и отрицательными полями, но это представляет две проблемы: 1) высота h1 испорчена. 2) величина отрицательного дна может варьироваться в зависимости от используемого шрифта. Есть ли «правильный» способ сделать это?

редактировать Пожалуйста, смотрите комментарии для дополнительных обновлений ....

Лучшая рабочая техника здесь:http://jsfiddle.net/YPPnU/23/

Но я бы предпочел не «угадывать» высоту строки

Кроме того, я понял, что другой вариант будет использовать веб-шрифт, где нижняя часть всех символов была размещена при спуске вместо базовой линии, но я не могу найти один в Google. Кто-нибудь знает, существует ли такая вещь?

 Eric30 мая 2011 г., 18:56
Не в моем браузере это не так. Оставляет небольшой зазор внизу (после тупого увеличения). По общему признанию, я пытался выровнять.67emи забыл про чуть более низкие буквы
 Eric30 мая 2011 г., 18:39
@kei:.67em это лучше
 mu is too short30 мая 2011 г., 18:23
Текст находится на одном уровне с нижней частью, если у вас есть символ со спуском (например, «j») в<h1>.
 kei30 мая 2011 г., 18:51
@Eric:.69em еще лучше.
 kei30 мая 2011 г., 18:22
Как насчет добавления высоты строки: 0,65em; до h1

Ответы на вопрос(1)

Решение Вопроса

vertical-align: bottom с участиемline-height: 65%?

http://jsfiddle.net/y53uK/

 kjl30 мая 2011 г., 20:34
Это чище, чем моё отредактированное решение, в которое я вставил верхнюю часть .29em, чтобы сохранить пространство над буквами. Я могу в конечном итоге использовать это, но, как уже говорилось, я предпочел бы не угадывать высоту строки, поскольку она будет варьироваться в зависимости от разных шрифтов.
 Mike Wheaton11 февр. 2016 г., 22:05
Следует отметить, что требуемая высота строки будет варьироваться от шрифта к шрифту. В 65% нет ничего волшебного, это просто значение, необходимое для соответствия базовой линии в этом примере.
 Brandon Durham05 февр. 2017 г., 20:07
Отличное предложение. Работает как шарм!
 alexcoco30 мая 2011 г., 21:02
Да, ты абсолютно прав. Я не совсем уверен, почему это так, но эти два свойства, казалось, помогли. Но ты прав, чтоline-height value - это произвольное значение, которое соответствует данному шрифту и размеру.

Ваш ответ на вопрос