当前位置:Gxlcms > html代码 > css实现div宽度随内容自适应

css实现div宽度随内容自适应

时间:2021-07-01 10:21:17 帮助过:26人阅读

我们可以使用CSS float来设置div宽度随内容自适应,即可让div默认100%自适应宽度变成宽从零开始自适应宽度效果,像span初始宽度一样随内容增加而增宽。

请看下面实例:

 
 
 
css 实现div宽度随内容自适应 
 
 
 
未设置float内容一
未设置float内容二
加float样式的内容三
对其加float样式的内容四

在线运行

注意:通过css对div设置float去掉了div默认全屏宽度样式,但一般要使用这样的从零开始自适应内容宽度的盒子,又不能使用float浮动样式时,通过我们使用span标签即可实现

人气教程排行