css宽度适应内容

在CSS中，要使元素的宽度适应其内容，可以使用width属性并将其设置为auto。这通常是默认行为，除非你进行了其他设置。

下面是一个简单的例子：

HTML:




<div class="content">这是一些文本内容。</div>

CSS:




.content {
  width: auto; /* 这是默认值，可以省略 */
  border: 1px solid #000; /* 为了可见性，添加了边框 */
}

在这个例子中，.content 类的div将会根据其内容的宽度自动调整宽度。如果内容宽度超出了父元素的宽度，则会出现滚动条。如果内容宽度小于父元素宽度，则div的实际宽度将是其内容的宽度，不会填满整个父元素宽度。