继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

HTML-CSS课程15-5节(不定宽块元素的水平居中 方法三)

有时蔚蓝
关注TA
已关注
手记 1
粉丝 3
获赞 90

http://www.imooc.com/code/6365
假想ul层的父层(即下面例子中的div层)中间有条平分线将ul层的父层(div层)平均分为两份,ul层的css代码是将ul层的最左端与ul层的父层(div层)的平分线对齐;而li层的css代码则是将li层的平分线与ul层的最左端(也是div层的平分线)对齐,从而实现li层的居中。

原文略为晦涩,故自画示意图以牢记!

通过设置父元素:1、水平浮动 2、右移50%(页面的50%)
    子元素:1、水平浮动 2、左移50%(父元素的50%)
实现元素的水平居中!
图片描述

打开App,阅读手记
52人推荐
发表评论
随时随地看视频慕课网APP

热门评论

不错,一个灵活运用的经典例子。比span啊tab啊 等方法简单很大启发。
希望多一点这种干货

6666666666666666

我还是看不懂 唉  给跪了

查看全部评论