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

    css中如何使块级元素能够同行显示?

    黄舟黄舟2017-07-22 10:33:44原创5792
    提问:我们如何使两个块级元素位于同一行?

    回答:

    1.设置float属性\(^o^)/~

    将块级元素的css格式设置为float:left/right,比如,有两个panel,panelA和panelB,想要使其位于同一行,只需要设置A的css格式为float:left/right即可。(注:只是设置A的float属性哦,若设置了B的float属性,则B后面的元素也会与其位于同一行。),若使用该方法,则两个块级元素紧挨着。效果示例:

    2.设置display为inline-block,即编写css代码为display:inline-block.使用该方法,两个块级元素中间有一定间隔。注意,该方法与上一方法相同,仍然需要设置A的display属性,而非B的属性。效果示例:

    以上就是css中如何使块级元素能够同行显示?的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:css 样式表 显示
    上一篇:CSS中多个div盒子并排同行显示的实例代码分享 下一篇:自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)

    相关文章推荐

    • 手把手教你使用CSS实现酷炫六边形网格背景图• 实例详解CSS渐变锯齿问题如何解决!• 另辟蹊径!看看使用CSS滤镜怎么构建圆角和波浪效果• 聊聊怎么利用 CSS 构建花式透视背景• 详解css中的比较函数(示例介绍)
    1/1

    PHP中文网