是否真的不可能将其尺寸与其内容相匹配？

Question

我想澄清一下是否可以根据内容的大小调整div的大小而不必使元素浮动或者必须使它们的位置绝对.可能吗？

Answer 1

CSS display设置

它当然是可能的 - JSFiddle概念证明,你可以看到所有三种可能的解决方案:

• display: inline-block- 这是你不知道的

• position: absolute

• float: left/right

Answer 2

你可以用display: inline-block.

Answer 3

您可以使用:

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

编辑:不.请参阅http://red-team-design.com/horizo​​ntal-centering-using-css-fit-content-value/

另外: http ://dev.w3.org/csswg/css-box-3/

Answer 4

你也可以使用

断字：断断续续；

当似乎没有任何效果时，这总是有效；)

Answer 5

它在 Edge 和 Chrome 上运行良好：

  width: fit-content;
  height: fit-content;