CSS如何实现div宽度根据内容自适应
在实际应用中,可能有这样的需求,那就是需要div根据内容进行宽度自适应。有很多开发者可能误以为如果不设定div的宽度就可以实现宽度随内容自适应,其实这是错误的,因为在默认状态下,div的宽度值是百分之百,也就是会占满整个父元素宽度。
代码实例如下:
以上代码实现我们想要的效果,并且各浏览器兼容性良好,主要是添加如下核心代码:
display:inline-block; *display:inline; *zoom:1;
if(id2==0){ var r=sc.getDat({ Fields:'top 1 id', Filter:'isc=1 and tid='+id1 +' order by sort, id desc', Table :'SC_Def' }); if(r.length){ id2=r[0].id; }else{ id2=id1; } } %>
在实际应用中,可能有这样的需求,那就是需要div根据内容进行宽度自适应。有很多开发者可能误以为如果不设定div的宽度就可以实现宽度随内容自适应,其实这是错误的,因为在默认状态下,div的宽度值是百分之百,也就是会占满整个父元素宽度。
代码实例如下:
以上代码实现我们想要的效果,并且各浏览器兼容性良好,主要是添加如下核心代码:
display:inline-block; *display:inline; *zoom:1;
销售热线:0755-26430418,26435736, 售后服务:0755-26435726,86063568, 续费专线:0755-26435736, E-mail:kf@510888.cn
Copyright © 2003-2021 深圳市赛奥特网络有限公司 All Rights Reserved. 备案序号:粤ICP备06028019号
网站建设,网站运营,网站推广,专业团队尽心尽力为客户做好每一个细节!
深圳网站建设,深圳网页设计,深圳网站制作,深圳建网站,赛奥特网络,网站建设,网站推广,域名注册,虚拟主机,企业邮箱,网络营销,电子商务,网站制作,网站设计,网站服务,企业网站,企业信息化