摘要: 子绝父相 https://developer.mozilla.org/zh-CN/docs/Web/CSS/position 利用子绝父相来实现一种比较老的居中方式:1.明确宽度;2.定位左边到容器的中间位置;3.margin-left负值来左移元素的一半,实现元素容器居中 小三角 思路很简单,就是 阅读全文
posted @ 2017-12-02 14:43 HelloHello233 阅读(169) 评论(0) 推荐(0) 编辑
摘要: 参考:http://www.cnblogs.com/dojo-lzz/p/3999013.html 元素转为BFC的条件(任意实现其一即可) 根元素 float的值不为none overflow的值不为visible display的值为inline-block、table-cell、table-c 阅读全文
posted @ 2017-12-02 14:09 HelloHello233 阅读(142) 评论(0) 推荐(0) 编辑
摘要: 参考:http://www.cnblogs.com/StormSpirit/archive/2012/10/24/2736453.html 总结特点 多个并排的table-cell始终等高。 宽度可以根据内容而自动扩展,这和inlineBlock是一样的 最大的宽度就是当前行剩下的宽度,对于这点配合 阅读全文
posted @ 2017-12-02 13:46 HelloHello233 阅读(181) 评论(0) 推荐(0) 编辑
摘要: 默认情况下(行内基线位置 = 行内元素最大高度): 如果对这个正方形使用 vertival-align:middle。在最大高度的元素上使用负值(middle = - 50% * 元素高度),可以提升基线位置,如下: http://www.cnblogs.com/xueming/archive/20 阅读全文
posted @ 2017-12-02 13:32 HelloHello233 阅读(274) 评论(0) 推荐(0) 编辑
摘要: https://segmentfault.com/a/1190000002695791 http://www.html5jscss.com/html5-semantics-section.html#0 阅读全文
posted @ 2017-12-02 11:14 HelloHello233 阅读(158) 评论(0) 推荐(0) 编辑