Динамическое увеличение ширины блока div

472
28 декабря 2016, 05:50

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

Answer 1

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

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

READ ALSO
Сложно ли переписать на JS код с Python? [требует правки]

Сложно ли переписать на JS код с Python? [требует правки]

Сложно ли переписать на JS код с Python?

438
не работает связка window.location, window.scrollBy

не работает связка window.location, window.scrollBy

Проверял в 3-х браузерах Chrome, iOS - не работаетIE - работает (сюрприз)

423
jQuery: удалить все внутренние тэги, кроме одного указанного

jQuery: удалить все внутренние тэги, кроме одного указанного

Как можно с помощью jQuery удалить все тэги внутри контейнера, кроме одного указанного? Например, как можно удалить из тэга с классомcontainer всё,...

536