2

Есть тег div с элементом h1 внутри. Текст внутри h1 добавялется динамически из формы. По умолчанию, ширина блока div составляет 300рх, а размер текста 60рх. Если кол-во символов в одном слове вмещается в эту ширину, то при переносе слов, блок увеличивается в высоту.
Задача в том, чтобы блок div расширялся в ширину, когда кол-во символов в одном слове не вмещается в эти 300рх.
Можно ли это сделать с помощью лишь CSS или же только при помощи JS?

2
  • использовать не width, a min-width ?
    – NeedH8
    26 дек 2016 в 21:02
  • в таком случае div растягивается на весь экран
    – Bootuz
    26 дек 2016 в 21:11

1 ответ 1

3

Думаю, что вот так можно сделать

div {display: inline-block;background-color:red;color:white;min-width:300px;}
<div>
  <h1>Этот текст не вместился в 300px</h1>
</div>

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

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