莫尤公子

摘要： relative与absolute是position的两个值，本文对这两个值得关系进行了一个小实验 实验一： 首先定义了两个div元素，代码如下所示： 效果如下所示： 现在我想实现把红色的小方块移动到右边，常规的想法就是将div1设置为position：relative，将div2的值设置为posi 阅读全文

摘要： 第六种方法，使用css的writing-mode属性，结合margin：auto。 参考文章：改变CSS世界纵横规则的writing-mode属性 传统的web流中，margin设置auto值的时候，只有水平方向才会居中，因为默认width是100%自适应的，auto才有计算值可依，而垂直方向，he 阅读全文

摘要： 第五种方法： 首先设置一个div，设置其的width与height，为了方便观察，我定义了div的背景色为red，代码如下： 效果如下图显示： 现在图片并没有什么居中的显示，接下来要描述的居中方法主要借助position方法，将div的position方式设置为absolute，然后可以设置其lef 阅读全文

摘要： 第四种方法： 这个方法把一些div的显示方式设置为表格，因此我们可以使用表格的vartial-align属性。 代码如下： 优点： content可以动态改变高度。当wrapper里没有足够空间时，content不会被截断 缺点： Internet Explorer(甚至 IE8 beta)中无效， 阅读全文

摘要： 第一种方法：首先用margin：0 auto实现水平居中，然后设置position:relative，设置top为50%（父元素高度的50%），然后设置margin-top：-150px（设置负值是因为要向上移动div，150px是div的height），代码如下： 实现效果如下： 因为div有了高 阅读全文