关于html:如何根据文本内容创建动态宽度的div框?

How to create a div box with dynamic width based on text content?

本问题已经有最佳答案,请猛点这里访问。

我想创建一个简单的div,它根据所包含的内容进行收缩和扩展。

https://jsfiddle.net/qa5dr0x8/

1
2
3
4
5
<body>
 
    test text
 
</body>

结果:红框扩展到页面的整个宽度。为什么?


试试这个:

1
  test text

这里有一个关于display: inlinedisplay: inline-block的解释-一个很好的学习方法