常用css的开发人员都知道让单行文字水平居中用text-align:center垂直方向居中有一个小技巧是让line-height=height,一般用到这个的时候我们的高度都是固定的px值,但今天我设置高度为百分比时,也想让文字垂直居中,于是有了下面这段代码 <!DOCTYPE html><htm ...
分类：
其他好文 时间：
2017-04-05 20:40:32
阅读次数：
142
这几天在做仿京东的产品页，发现在制作过程中的一些问题，需要好好研究下。 需要实现的效果如上图所示： 在写CSS样式的时候，对于我的关于竖线的做法是： 设置高度为14，border样式，但导致了一个问题： 发现文本是居中的，但是a标签元素却只有14px的高度，因而导致背景图片和文字没有对齐，这一点需要 ...
分类：
其他好文 时间：
2017-04-04 16:15:22
阅读次数：
157
一、line-height行高 p{line-height:22px} 二、css padding内补白（内边距） p{padding:10px 0} 三、css margin外边距 p{margin:10px 0} 文章分段，一般使用html p标签，而对分段间距设置我们推荐使用padding和m ...
分类：
Web程序 时间：
2017-04-02 20:38:47
阅读次数：
298
CSS中的line-height https://segmentfault.com/a/1190000003038583 ...
分类：
Web程序 时间：
2017-04-02 14:38:27
阅读次数：
200
今天我们开始自己制作网页了，真的很开心 width:106px; background:url(../images/bavbg.gif); text-align:center; line-height:54px;}#home{ width:53px; background:url(../images ...
分类：
其他好文 时间：
2017-03-31 19:49:00
阅读次数：
140
img元素 font-size和line-height对图片的行内框没有任何影响。换句话说，就是这两个值不论怎么变也不会影响图片的垂直位置 但它还是有一个相对的line-height值，vertical-align的百分比值相对于元素的line-height来计算。 img下外边距边界与基线对齐，就 ...
分类：
其他好文 时间：
2017-03-28 23:35:25
阅读次数：
555
<!-- li.li1 {margin: 0.0px 0.0px 0.0px 0.0px; line-height: 22.0px; font: 16.0px 'PingFang TC'; color: #333333} span.s1 {background-color: #ffffff} spa ...
分类：
系统相关 时间：
2017-03-24 00:49:33
阅读次数：
268
1.font 这个简写属性可以在一个声明中设置字体的多个属性。 可以按顺序设置如下属性： font-style font-variant font-weight font-size line-height font-family 例如： 字体大小和行高也可以写在一起。中间用斜杠隔开。 上面的属性也可 ...
分类：
Web程序 时间：
2017-03-23 16:37:15
阅读次数：
329
1 /*CSS代碼*/ 2 /*導航*/ 3 .nav{background: url("../img/menu_bar.gif") repeat-x;} 4 .nav ul li{display: inline-block; height: 40px; line-height: 40px; mar... ...
分类：
Web程序 时间：
2017-03-22 16:21:32
阅读次数：
189
一、line-height语法 line-height属性的具体定义列表如下： 语法： line-height : normal | <实数> | <长度> | <百分比> | inherit 说明： line-height 属性设置行间的距离（行高），不能使用负值。该属性会影响行框的布局。在应用到 ...
分类：
Web程序 时间：
2017-03-22 15:16:53
阅读次数：
187
