2015-06-29 3 views
0

Это не обязательно, чтобы получить ответ, но это скорее проблема, с которой я столкнулся. Предположим, у меня есть фрагмент текста, и я хочу, чтобы элемент div, содержащий его, изменял его ширину пропорционально количеству текста. Есть ли элегантный способ сделать это? Я читал о min-width, но не работает в моем случае.Div Resive To Fit Text

ответ

2

Текст обычно течет, чтобы заполнить его контейнер. Я не думаю, что CSS будет лучшим способом для этого. Сама концепция слишком динамична для ограничений CSS. Лучший способ, с помощью которого я могу это сделать, - использовать javascript для настройки ширины div на основе длины строки, содержащейся внутри.

+0

Да, я думал то же самое. Я надеялся, что без JS будет путь. Спасибо, что подтвердил мои подозрения. – Justplayit94

+0

Нет проблем. Когда я впервые начал развиваться, я ненавидел ходить в JS на все. Я старался сохранить чистые CSS везде, где это возможно. Но это только одна из тех вещей, которые лучше выполняются с JS. – bboysupaman

0

Возможно, вы сможете реализовать чистое решение CSS, если у вас есть целевое соотношение ширины и высоты. Взгляните на это previous post на эту тему.

Трюк состоит в том, чтобы добавить родителя <div> с использованием padding-bottom.