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

    如何居中一个浮动元素?如何让绝对定位的div居中?

    王林王林2020-06-15 16:45:40转载3067

    如何居中一个浮动元素?如何让绝对定位的div居中?

    div居中:

    border: 1px solid red;
    margin: 0 auto; 
    height: 50px;
    width: 80px;

    浮动元素的上下左右居中:

    border: 1px solid red;
    float: left;
    position: absolute;
    width: 200px;
    height: 100px;
    left: 50%;
    top: 50%;
    margin: -50px 0 0 -100px;

    绝对定位的左右居中:

    border: 1px solid black;
    position: absolute;
    width: 200px;
    height: 100px;
    margin: 0 auto;
    left: 0;
    right: 0;

    推荐教程:css快速入门

    以上就是如何居中一个浮动元素?如何让绝对定位的div居中?的详细内容,更多请关注php中文网其它相关文章!

    声明:本文转载于:掘金,如有侵犯,请联系admin@php.cn删除
    上一篇:纯css3实现信纸/同学录效果(代码示例) 下一篇:position的几个属性的作用分别是什么
    VIP课程(WEB全栈开发)

    相关文章推荐

    • 【活动】充值PHP中文网VIP即送云服务器• 纯css实现加号“+”效果(代码示例)• 为什么不建议使用@import引入css• 详解使用Minify压缩css和js文件• CSS 预处理器
    1/1

    PHP中文网