Если на макете PSD указана большая высота строки, есть несколько способов реализовать это в HTML и CSS. Давайте рассмотрим два основных подхода: использование заданной высоты строки или отодвигание отступами.
1. Использование заданной высоты строки:
В случае, если в макете указана конкретная высота строки, вы можете применить это значение к свойству line-height в CSS. Например, если в макете указана высота строки 20 пикселей, вы можете добавить следующее правило в ваш CSS-файл:
.your-element {
line-height: 20px;
}
Это позволит задать высоту строки в соответствии с макетом. Однако, помните, что при таком подходе текст внутри строки будет отцентрирован вертикально.
2. Отодвигание отступами:
Вместо задания конкретной высоты строки, в макете могут быть указаны отступы сверху и снизу текста. В этом случае, вы можете применить вертикальные отступы к элементу, содержащему текст, используя свойства CSS, такие как padding или margin.
Например, если в макете указаны отступы сверху и снизу текста по 10 пикселей, вы можете добавить следующие правила в CSS-файл:
.your-element {
padding-top: 10px;
padding-bottom: 10px;
}
Этот подход позволит вам создать отступы сверху и снизу текста, что может быть полезно для сохранения соотношения размеров при изменении размеров шрифта или содержимого.
В итоге, выбор между заданием высоты строки или отодвиганием отступами зависит от вашего конкретного случая. Если вы хотите сохранить конкретную высоту строки независимо от содержимого, то задайте высоту строки с помощью свойства line-height. Если же вам важно сохранить соотношение размеров текста и различных элементов, использование отступов может быть предпочтительнее.