"реальный" базовый уровень для типографики
Высота строки в веб-дизайне и высота строки при печати (InDesign и более) не совпадают. Результат рядом:
- В сети http://jsfiddle.net/Y9M28/4/ (лучше в webkit)
- В печати http://jsfiddle.net/Y9M28/3/
Я пробую много хитростей, но, как вы видите из моего образца печати, последний абзац делает плохое поле из-за мультилиней. Можно ли сделать это лучше для современного браузера? Я знаю http://baselinecss.com/ но это связано с большим количеством относительной позиции и не очень гибкой регулировкой верха.
Последнее решение было бы добавить JavaScript для отдельного многострочного блока во многих однострочных (но для тяжелых).
1 ответ
vertical-align работает только со встроенными элементами и ячейками таблицы. <p> это блочный элемент. Значение по умолчанию vertical-align является baseline,
Вы могли бы добиться большего успеха в своем эксперименте, зная это. Удачи!
Это отличная статья, которая объясняет vertical-align ,