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

    css行级元素和块级元素之间怎么转换

    青灯夜游青灯夜游2021-02-22 17:08:17原创119

    在css中,可以使用display属性来实现行级元素和块级元素的转换,给行级元素设置“display:block;”样式即可转换为块级元素,给块级元素设置“display:inline;”样式即可转换为行级元素。

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

    行内元素

    span、i、 a、 img等等。 在一行内显示,一般情况不可以设置宽高的元素就是行内元素。

    块级元素

    div、h1、p、li等等。独占一行,可以设置宽高的元素就是块级元素。

    块级元素转换成行内元素

    在块级元素中设置display:inline;就可以让块级元素变成行内元素。

    行内元素转换成块级元素

    在行内元素中设置display:block;就可以让行内元素变成块级元素。

    块级元素或行内元素转换成

    块级元素或行内元素中设置display:inline-block; 就可以让块级元素或行内元素变成行内块级元素,而且可以在同一行内显示。【推荐教程:CSS视频教程

    CSS display 属性

    display 属性规定元素应该生成的框的类型。

    更多编程相关知识,请访问:编程视频!!

    以上就是css行级元素和块级元素之间怎么转换的详细内容,更多请关注php中文网其它相关文章!

    本文原创发布php中文网,转载请注明出处,感谢您的尊重!
    上一篇:css怎么设置宽为100vw 下一篇:css怎么设置变成小手
    第15期线上培训班

    相关文章推荐

    • CSS Modules是啥子东西?一起来了解一下!• 详细了解CSS3中的border-image-slice属性• 浅谈CSS3 Grid网格布局(display: grid)的用法• CSS外部样式表有两种引用方法,分别是什么

    全部评论我要评论

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

    PHP中文网