5

Здравствуйте! Есть блок, в котором может быть минимум 1 предложение текста. Блок может иметь любую высоту и ширину.

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

div {
  height: 100vh;
  padding: 1vh 1vw;
  font-size: calc(3vw + 3vh);
  line-height: 1.5;
}
<div>
  <p>Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века.</p>
</div>

Как растянуть текст на всю высоту(если это возможно на css)? Текста также может быть много, который должен уменьшаться пропорционально взависимости от размера блока.

Варианты на js(jquery) не предлагайте, т.к решение на js есть.

Спасибо

1 ответ 1

3

Есть один костыльный способ нужно узнать кол-во строк и поделить их на высоту экрана. Но а если серьезно то без javascript как мне кажется по-другому никак.

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

div {
  height: 100vh;
  padding: 1vh 1vw;
  font-size: calc(3vw + 3vh);
  line-height: calc(100vh / 4);
}
<div>
  <p>Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века.</p>
</div>

1
  • Вы бы хоть проверяли свои ответы, прежде чем их публиковать...
    – Cheg
    12 сен 2017 в 17:47

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.