随笔- 6 文章- 2 评论- 4 阅读- 12万

12 2017 档案

CSS中position属性( absolute | relative | static | fixed )详解

摘要：我们先来看看CSS3 Api中对position属性的相关定义： static：无特殊定位，对象遵循正常文档流。top，right，bottom，left等属性不会被应用。 relative：对象遵循正常文档流，但将依据top，right，bottom，left等属性在正常文档流中偏移位置。而其层叠阅读全文

posted @ 2017-12-07 17:46 RubysBlog 阅读(1522) 评论(1) 推荐(0) 编辑

用 CSS 实现元素垂直居中，有哪些好的方案？

摘要：DIV居中的经典方法 1. 实现DIV水平居中设置DIV的宽高，使用margin设置边距0 auto，CSS自动算出左右边距，使得DIV居中。缺点：需要设置div的宽度 2. 实现DIV水平、垂直居中要让DIV水平和垂直居中，必需知道该DIV得宽度和高度，然后设置位置为绝对位置，距离页面窗口左阅读全文

posted @ 2017-12-06 17:46 RubysBlog 阅读(275) 评论(0) 推荐(0) 编辑

利用vertical-align:middle垂直居中

摘要：以前总是以为vertical-align与text-align是同样的道理，一个是垂直居中，一个是水平居中，结果在这里一点效果也没有。事实上vertical-align与text-align完全不一样，vertical-align不能这样用。 vertical-align 属性设置元素的垂直对齐方式阅读全文

posted @ 2017-12-06 17:44 RubysBlog 阅读(1865) 评论(1) 推荐(0) 编辑