css width 自适应css div随内容自适应宽度

2016-07-30 22:45:28 css width 自适应 div css宽度自适应,css width 自适应|div css随内容自适应宽度篇。

css width 自适应|div css随内容自适应宽度(css width:auto

布局中css width自适应随内容增加增宽,减少而减少的默认样式就带这样宽度自适应的有span标签、b、strong、u等字体类标签,不需要设置width情况下默认自适应随内容增加而变宽,直到碰到外层宽度限制后内容自动换行。

div width 本身100%宽度:
当然DIV不设置宽度值时width本身默认宽度是100%,自适应外层(父级),与父级宽度相同。比如一个网页中body标签内第一个div如果不设置宽度,那么这个div width宽度就是自适应浏览器宽度,浏览器多宽DIV就多宽。(当然p标签也是具有这样本身100% width)。

div随内容宽度自适应如何实现:
刚刚了解有的span、b、strong、u、em等标签,随内容增加宽度随内容多少自适应增加减少,而div本身宽度就是100%宽度,自适应与外层限制宽度一致,那么如何css实现width宽度随内容自适应呢?

其实一般对div设置一个float浮动样式即可,这样div就随内容增加减少而width自适应内容增宽变窄。

关于width宽度扩展了解:
1、div宽度设置

更新