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

    css3使用什么属性表示左浮动

    长期闲置长期闲置2021-12-23 17:55:57原创109

    在css中,可以使用“float:left”来表示左浮动,float属性用于定义元素向哪个方向浮动,当属性值为right时表示元素右浮动,当属性值为none时表示元素不浮动。

    本教程操作环境:windows10系统、CSS3&&HTML5版、Dell G3电脑。

    css3使用什么属性表示左浮动

    float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像,使文本围绕在图像周围,不过在 CSS 中,任何元素都可以浮动。浮动元素会生成一个块级框,而不论它本身是何种元素。

    如果浮动非替换元素,则要指定一个明确的宽度;否则,它们会尽可能地窄。

    注释:假如在一行之上只有极少的空间可供浮动元素,那么这个元素会跳至下一行,这个过程会持续到某一行拥有足够的空间为止。

    示例如下:

    <html>
    <head>
    <style type="text/css">
    img 
    {
    float:left
    }
    </style>
    </head>
    <body>
    <p>在下面的段落中,我们添加了一个样式为 <b>float:left</b> 的图像。结果是这个图像会浮动到段落的右侧。</p>
    <p>
    <img src="/i/eg_cute.gif" />
    This is some text. This is some text. This is some text.
    This is some text. This is some text. This is some text.
    This is some text. This is some text. This is some text.
    This is some text. This is some text. This is some text.
    This is some text. This is some text. This is some text.
    This is some text. This is some text. This is some text.
    This is some text. This is some text. This is some text.
    This is some text. This is some text. This is some text.
    This is some text. This is some text. This is some text.
    This is some text. This is some text. This is some text.
    </p>
    </body>
    </html>

    输出结果:

    19.png

    (学习视频分享:css视频教程

    以上就是css3使用什么属性表示左浮动的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:css
    上一篇:css3中用什么连接class 下一篇:一起聊聊css选择器(示例详解)
    php中文网线上培训班

    相关文章推荐

    • css中::before是什么意思• ex在css中是什么意思• css动画中倾斜代码是什么• float在css是什么意思• css3怎样设置旋转点位置

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网