父元素一定是块元素,根据子元素不同分为以下几种: 1.子元素是行内元素: a.水平居中:在父元素上设置: text-align:center; b.垂直居中:在行内子元素上设置行高与父元素相同: line-height=parent.height; 2.子元素是多行内联文本或图片: a.水平居中:父 ...
分类：
Web程序 时间：
2018-11-10 17:52:19
阅读次数：
232
1、定义不同：line-height是行高的意思，height则是定义元素自身的高度。 2、表示意义不同： line-height用来表示容器的高度，height用来表示这一容器内的每行文字的高度。 3、使用范围不同：line-height只针对行元素，height针对其他所有元素。 4、针对对象不 ...
分类：
其他好文 时间：
2018-11-06 11:16:21
阅读次数：
144
一.CSS书写顺序 1.位置属性(position, top, right, z-index, display, float等)2.大小(width, height, padding, margin)3.文字系列(font, line-height, letter-spacing, color- t ...
分类：
Web程序 时间：
2018-11-05 12:54:05
阅读次数：
246
我们在将UI稿实现为页面代码时，常常强调要Pixel Perfect、高精准地还原设计稿。 但我们常常会遇到这样一个问题：当我们用一个块级元素包裹文本时，会发现块级元素的高度，实际比文本的font-size尺寸还要高，导致上下形成了一些空白，进一步造成块级元素内的文本与垂直方向上相邻元素的距离变大( ...
分类：
其他好文 时间：
2018-11-01 12:02:55
阅读次数：
120
.tips-new-white span { .tips-new-white span { float: left; background-color: #fff; color: #333; padding: 5px 10px; vertical-align: middle; line-height ...
分类：
其他好文 时间：
2018-10-24 15:22:21
阅读次数：
201
用li标签写菜单 { margin:0; pading:0;} li{ list style:none;} .menu{ overflow:hidden; } .menu li{ float:left; height:30px; line height:30px; margin:0 10px; fo ...
分类：
Web程序 时间：
2018-10-23 23:11:07
阅读次数：
640
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title></title> <style> .oneline { line-height: 1.5; margin: 10px auto; } .oneline label ...
分类：
其他好文 时间：
2018-10-23 12:07:58
阅读次数：
227
字体属性 font-family font-weight 字重（字体粗细）。 取值范围： font-size color 文字属性 text-align 文本对齐 text-align 属性规定元素中的文本的水平对齐方式。 line-height 行高 text-decoration文字装饰。 单行 ...
分类：
Web程序 时间：
2018-10-23 00:09:54
阅读次数：
259
line-height 的数值属性值和 百分比值属性值都是相对于 font-size ex是x字符的高度 em 在 CSS 中，1em 的计算值等同于当前元素所在的 font-size 计算值，可以将 其想象成当前元素中（如果有）汉字的高度 rem root em CSS3单位 ie9上支持 使用s ...
分类：
Web程序 时间：
2018-10-20 14:56:45
阅读次数：
148
一.补充小知识点 css可以继承的样式有： Font系列，colo，text系列，line-height。 二. white-space（规定段落中的文本换不换行，nowrap不换行） word-wrap属性允许长的内容可以自动换行 ，属性值是break-word； 三.写三角形（宽高必须是0）： ...
分类：
Web程序 时间：
2018-10-16 13:43:46
阅读次数：
122
