利用CSS进行元素的水平居中，比较简单，行级元素设置其父元素的text-align center，块级元素设置其本身的left 和 right margins为auto即可。本文收集了六种利用css进行元素的垂直居中的方法，每一种适用于不同的情况，在实际的使用过程中选择某一种方法即可。Line-He...
分类：
Web程序 时间：
2014-09-28 12:32:52
阅读次数：
232
Color 设置文本颜色Direction 设置文本方向。line-height 设置行高。letter-spacing 设置字符间距。text-align对齐元素中的文本。text-decoration 向文本添加修饰。text-indent 缩进元素中文本的首行。text-transform 控...
分类：
Web程序 时间：
2014-09-28 12:07:01
阅读次数：
203
一、水平居中
1、内联元素居中：相对父级块级元素居中对齐
1: .center-children {
2: text-align: center;
3: }
2、块级元素居中：设置margin-left和margin-right为auto让它居中（同时还要设置width，否则它就会承满整个容器，无法看出居中效果）
1: .center-me {
2: margin: 0 auto;
3: }
如果有很多块级元素需...
分类：
Web程序 时间：
2014-09-27 23:35:30
阅读次数：
293
来源：http://www.ido321.com/824.html一、水平居中 1、内联元素居中：相对父级块级元素居中对齐 1: .center-children { 2: text-align: center; 3: } 2、块级元素居中：设置margin-left和margin-...
分类：
Web程序 时间：
2014-09-27 22:43:00
阅读次数：
295
当父元素和子元素都没有定义宽度的情况下实现水平居中： display:inline-block 可以使用text-align:center和display:inline-block相结合，这个技巧需要一个父元素。 HTML代码: 复制代码代码如下: Home … CSS代码: 复制代码代码如下...
分类：
Web程序 时间：
2014-09-27 09:49:59
阅读次数：
221
水平居中(2)方式一：text-align:center适用类型：行级元素方式二：margin:0 auto;适用类型：块级元素垂直居中(7)方式一：line-height适用：内联、块级场景：单行文本垂直居中html: Content here css:#child {line-height: 2...
分类：
其他好文 时间：
2014-09-25 20:08:47
阅读次数：
195
1.[图片]20140811233657.jpg2.[图片]120140811233846.jpg?3. [代码][CSS]代码 body { background-color: #efefef; } #Main { width: 100%; text-align:center; ...
分类：
Web程序 时间：
2014-09-22 17:42:02
阅读次数：
289
纯CSS实现：盒子内元素垂直居中，宽高固定与否均可，IE5除外所有浏览器均兼容： 1 2 3 4 5 纯CSS实现：盒子内元素垂直居中，宽高固定与否均可，IE5除外所有浏览器均兼容 6 12 13 14 15 16 17 text-align:center;1...
分类：
Web程序 时间：
2014-09-18 14:39:23
阅读次数：
196
1. 水平居中如果是inline元素：在父元素上面设置text-align:center;如果是block元素：设置宽度和margin:0 auto;如果是多块级元素：在父元素上面设置text-align:center;所有的子元素上面设置display:inline-block;2.垂直居中相对于...
分类：
Web程序 时间：
2014-09-16 15:35:40
阅读次数：
186
使用 text-indent 属性，元素首行缩进。一般来说，适用于所有的块级元素，但无法适用于行内元素和类似于图片这样的元素。可以用%、固定值和负值、继承（使用此值，父元素最好要padding相应值）。使用text-align属性，会影响一个元素中的文本行互相之间的对齐方式。（块级和表元素居中要使用...
分类：
Web程序 时间：
2014-09-13 22:41:26
阅读次数：
229
