Неужели невозможно подогнать размер div под его содержимое?


87

Я хотел бы уточнить, возможно ли сделать div подходящим по размеру на основе размера содержимого без необходимости делать элементы плавающими или делать их положение абсолютным. Является ли это возможным?


Представьте, насколько проще был бы веб-разработчик, если бы мы могли это сделать! Хочу display: block-inline!! (то есть вести себя внешне как блок, а внутри как встроенный - противоположность inline-block)
ADTC

Ответы:




14

Ты можешь использовать:

width: -webkit-fit-content;
height: -webkit-fit-content;
width: -moz-fit-content;
height: -moz-fit-content;

РЕДАКТИРОВАТЬ: Нет. См. Http://red-team-design.com/horizontal-centering-using-css-fit-content-value/

ТАКЖЕ: http://dev.w3.org/csswg/css-box-3/


Это тролльский ответ? fit-content не является допустимым значением свойства для ширины или высоты.
Адам

2
Это работает, но вы должны установить значение -webkit-fit-contentили в -moz-fit-contentзависимости от используемого вами браузера.
warownia1 05

ОК. Я этого не знал.
The_HTML_Man

4

вы также можете использовать

слово-разрыв: сломать все;

когда ничего не работает, это работает всегда;)


1

он хорошо работает в Edge и Chrome:

  width: fit-content;
  height: fit-content;
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.