摘要：第一种方法：使用text-align属性。 看到一篇博客，也不知道是不是我理解的问题，博客上说text-align可以是内联元素水平居中，我感觉这样的说法是不是有些不准确。 text-align属性规定元素中的文本的水平对齐方式。 text-align属性使内联元素属性居中，这样直观的说法给我最初的 阅读全文

摘要：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有了高 阅读全文

摘要：一、元素选择器 语法格式如下： 示例代码： 二、属性选择器 语法格式如下： E{}：该css样式对所有的E元素起作用 E[attr]:该样式对所有含有attr属性的E元素起作用 E[attr=value]:该样式对所有包含attr属性且attr属性的值为value的E元素起作用 E[attr~=va 阅读全文