1.定义 行高:两行文字baseline(基线)之间的距离 示意图： 2.为何line-height可以让单行文本垂直居中 其实并没有垂直居中，除非将font-size:0; 3.line-height的高度原理（可以先看看行内盒子的原理） * 行内元素的高度是line-height决定的，而不是由 ...
分类：
其他好文 时间：
2016-07-07 19:13:41
阅读次数：
235
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> /* */ .d1{ height: 60px; line-height:60px ...
分类：
Web程序 时间：
2016-07-05 15:30:49
阅读次数：
199
1，float:right; 在IE错位问题 ： 使用position：absolute；right:0px; 2，汉字在float状态下 折行 ,可能是因为父级宽度不够， 改用 display：inline-block； 3，IE7下的hack 符号 #line-height：18px; *mar ...
分类：
Web程序 时间：
2016-07-03 01:45:54
阅读次数：
163
CSS部分： .xu_label{ border-radius: 6px; height: 34px; line-height: 34px; margin-left: 1%; margin-right: 1%; text-align: center; width: 30%; background-c ...
分类：
其他好文 时间：
2016-07-01 14:42:48
阅读次数：
97
关于line-height大家应该非常熟悉了吧，就是用来做垂直居中的，屡试不爽，基本上没有什么问题，但是最近一个项目，测试提了一个bug，看图吧。 从别处窃的图，这个问题只有安卓上才能复现，做了demo，发现应该是font-size的问题，你们可以自己试试，font-size为13px或者奇数时，l ...
分类：
移动开发 时间：
2016-06-29 19:01:22
阅读次数：
148
CSS书写顺序 1.位置属性(position, top, right, z-index, display, float等) 2.大小(width, height, padding, margin) 3.文字系列(font, line-height, letter-spacing, color- t ...
分类：
Web程序 时间：
2016-06-28 18:18:47
阅读次数：
171
本文导读： “行高“指一行文子的高度，具体来说是指两行文子间基线间的距离。在CSS，line-height被用来控制行与行之间的垂直距离。line- height 属性会影响行框的布局。在应用到一个块级元素时，它定义了该元素中基线之间的最小距离而不是最大距离。所有浏览器都支持 line-height ...
分类：
Web程序 时间：
2016-06-25 09:36:36
阅读次数：
188
行内元素：会在水平方向排列，不能包含块级元素，设置width无效，height无效(可以设置line-height)，margin上下无效，padding上下无效。 块级元素： 各占据一行，垂直方向排列。从新行开始结束接着一个断行。 块级元素：div , p , form, ul, li , ol, ...
分类：
Web程序 时间：
2016-06-24 06:58:35
阅读次数：
184
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>测试</title><style type="text/css">body{line-height:50px;}</style></head><body><form action="fir ...
分类：
Web程序 时间：
2016-06-23 23:54:44
阅读次数：
126
1.已知宽度高度，绝对定位之负边距margin 2.line-height 方式，适用于文本居中 ...
分类：
Web程序 时间：
2016-06-22 00:08:42
阅读次数：
204
