请使用firefox,chrome等最新浏览器浏览本站。

float元素实现水平居中

css3 阿豹 392次浏览 1个评论 扫描二维码

html代码:

<div class="g-float-center">
    <div class="wrap">
        <ul>
            <li>li1</li>
            <li>li1</li>
            <li>li1</li>
            <li>li1</li>
            <li>li1</li>
            <li>li1</li>
        </ul>
    </div>
</div>

sass代码:

.g-float-center {
    overflow: hidden;
    .wrap {
        position: relative;
        left: 50%;
        float: left;
        ul {
            position: relative;
            left: -50%;
            text-align: center;
            li {
                float: left;
                width: 40px;
                line-height: 40px;
                font-size: 14px;
                border: 1px solid gray;
            }
        }
    }
}

喜欢 (1)or分享 (0)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到
(1)个小伙伴在吐槽
  1. 衣皇后: 百万张美女套图,上万部美女视频,一键转存,打包下载: http://www.wen.yihuanghou.com/ 衣皇后,等你来!
    衣皇后2017-05-10 17:15 回复