Я хотел бы уточнить, возможно ли или нет, чтобы div соответствовал его размеру, основанному на размере содержимого, без необходимости делать элементы float или их абсолютную позицию. Возможно ли это?
Неужели невозможно сделать div подходящим по размеру для своего контента?
Ответ 1
Настройка CSS display
Конечно, возможно - JSFiddle доказательство концепции, где вы можно увидеть все три возможных решения:
-
display: inline-block- это тот, о котором вы не знаете -
position: absolute -
float: left/right
Ответ 2
Вы можете использовать display: inline-block.
Ответ 3
Вы можете использовать:
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/
Ответ 4
вы также можете использовать word-break: break-all; когда ничего не работает, это работает всегда;)