• 技术文章 >web前端 >html教程

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

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

    请看下面实例:

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

    在线运行

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

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:css div 宽度 自适应
    上一篇:css 巧用border属性制作各种图形(矩形,梯形,三角形) 下一篇:CSS子div设置float后父级div无法自适应高度的问题解决方法
    20期PHP线上班

    相关文章推荐

    • 【活动】充值PHP中文网VIP即送云服务器• ExtJs教程11• CSS选择器温故-1_html/css_WEB-ITnose• 为什页面总是在分?中显示_html/css_WEB-ITnose• 求企业级和电子商务类型的前台html页面_html/css_WEB-ITnose• <meta>标签_html/css_WEB-ITnose
    1/1

    PHP中文网