手记

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

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%)
实现元素的水平居中!

52人推荐
随时随地看视频
慕课网APP

热门评论

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

6666666666666666

我还是看不懂 唉  给跪了

查看全部评论