您的位置:首页 > CSS技巧 >

 

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

 

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宽度设置

标签(Tag): 自适应 width
本文分享URL地址:http://www.css5.com.cn/jiqiao/986.html

更多

 

CSS必备基础教程 - TOP

 

热门信息

 

CSS5更新 - TOP

 

 

如对文章有任何疑问请提交到DIV CSS论坛,或有任何网页制作CSS问题立即到CSS论坛发贴求解。
CSS教程文章修订日期::2016-07-30     点击:
原创:CSS5     来源网址:http://www.css5.com.cn/jiqiao/986.html
本文www.css5.com.cn(DIV CSS) CSS5版权所有,欢迎转载,并注明出处来源及URL!