原文链接：http://www.zhangxinxu.com/wordpress/2015/08/css-deep-understand-vertical-align-and-line-height/ 一、inline-block和baseline 一个inline-block元素，如果里面没有in ...
分类：
Web程序 时间：
2016-08-08 14:24:44
阅读次数：
176
原文：http://www.zhangxinxu.com/wordpress/2009/11/css%E8%A1%8C%E9%AB%98line-height%E7%9A%84%E4%B8%80%E4%BA%9B%E6%B7%B1%E5%85%A5%E7%90%86%E8%A7%A3%E5%8F%8 ...
分类：
Web程序 时间：
2016-08-08 12:38:34
阅读次数：
206
1.如何让文字在容器内垂直居中？
(1)方法：为容器添加line-height属性，使得line-height的值等于容器的height。
(2)代码
无标题文档
.container{
width: 300px;
height: 500px;
margin: 50px;
background: blue;
line-height: 500px;
text...
分类：
Web程序 时间：
2016-08-07 21:49:38
阅读次数：
198
1.font合写 font: font-style font-variant font-weight font-size/line-height font-family font: 风格 变形 加粗 字号/行高 字体系列 风格 变形 加粗 可以按照任意顺序书写 如果是normal可以不写 变形 fo ...
分类：
Web程序 时间：
2016-08-06 21:53:15
阅读次数：
157
<div class="info_top_left"> <img src="images/img-product01.png" alt=""> </div> .info_top_left { height: 100px; width: 97px; line-height: 100px; border ...
分类：
其他好文 时间：
2016-08-05 06:28:21
阅读次数：
118
css构造文本选择器： text-indent:数值;设置文本缩进。 text-align:center;设置文本对齐，可选参数：left,center,right。 line-height:数值;设置文字行间距。 word-spacing:数值;单词之间的间隔。 letter-spacing:数值 ...
分类：
Web程序 时间：
2016-08-05 00:32:35
阅读次数：
239
1. 文字居中显示 水平居中： text-align: center; 垂直居中： line-height: (=height); 2.子元素相对于父元素的绝对布局。 父元素一定要 position: relative/absolute/fixed; 默认position 是static ...
分类：
Web程序 时间：
2016-08-04 19:23:10
阅读次数：
201
.imgWrap { position: relative; z-index: 2; line-height: 110px; vertical-align: middle; overflow: hidden; width: 110px; height: 110px; -webkit-transfor ...
分类：
Web程序 时间：
2016-08-04 14:46:22
阅读次数：
266
1、单行垂直居中 文字在层中垂直居中vertical-align 属性是做不到的.我们这里有个比较巧妙的方法就是:设置height的高度与line-height的高度相同! 2、层水平居中 设置div的宽度小于父div的宽度，设置 margin:0 auto;，即可让div居中。 3、层中的文字水平 ...
分类：
Web程序 时间：
2016-08-02 00:56:25
阅读次数：
229
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style media="screen"> p { width: 50px; height: 40px; line-height: 40px; border: 1 ...
分类：
Web程序 时间：
2016-08-01 12:33:07
阅读次数：
171
