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

    css如何关闭浮动

    王林王林2021-05-19 14:06:33原创2069

    css关闭浮动的方法是,给元素添加clear属性,并且设置属性值为none即可,例如【clear:both;】。clear属性规定了元素的某侧不允许其他浮动元素。

    本文操作环境:windows10系统、css 3、thinkpad t480电脑。

    css中有一个属性clear,该属性规定了元素的哪一侧不允许其他浮动元素。

    常用属性值有:

    举个小例子:

    <html>
    
    <head>
    <style type="text/css">
    img
      {
      float:left;
      clear:both;
      }
    </style>
    </head>
    
    <body>
    <img src="/i/eg_smile.gif" />
    <img src="/i/eg_smile.gif" />
    </body>
    
    </html>

    相关视频分享:css视频教程

    以上就是css如何关闭浮动的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:css 浮动
    上一篇:css怎么设置边框阴影效果 下一篇:自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)

    相关文章推荐

    • css如何利用:after清除浮动• css浮动的方法是什么• css浮动是什么• css怎么设置浮动
    1/1

    PHP中文网