/*p{color: red;width: 50%;text-align: center;background: blue;}p{text-align: end;}p{text-align: end;width: 50%}p{line-height: 50px;}p{line-height: 20} ...
分类：
Web程序 时间：
2017-09-22 01:04:38
阅读次数：
224
垂直居中分两种情况：1.父元素高度确定的单行文本 2.以及父元素高度确定的多行文本。 1.垂直居中-父元素高度确定的单行文本的竖直居中的方法是通过设置父元素的 height 和 line-height 高度一致来实现的，即此时单行文本的行高line-height=height(父元素块高度)。(he ...
分类：
其他好文 时间：
2017-09-16 23:20:19
阅读次数：
218
“行高”顾名思意指一行文字的高度。具体来说是指两行文字间基线之间的距离。基线实在英文字母中用到的一个概念，我们刚学英语的时使用的那个英语本子每行有四条线，其中底部第二条线就是基线，是a,c,z,x等字母的底边线。下图的红色线即为基线。 vertical-align中有top,middle,basel ...
分类：
Web程序 时间：
2017-09-16 13:27:32
阅读次数：
421
接着昨天的来给我们的英雄们“美容”重构.app/app.component.scss.container{h1{text-align:center;color:red;}.row{line-height:30px;padding:10px0;label{text-align:right;}}.controller{padding:0360px;li{height:50px;}label{@extend%link;text-align:center;background:#..
分类：
其他好文 时间：
2017-09-14 23:52:42
阅读次数：
268
line-height属性的细节与大多数CSS属性不同，line-height支持属性值设置为无单位的数字。有无单位在子元素继承属性时有微妙的不同。 语法line-height: normal | <number> | <length> | <percentage>normal 根据浏览器决定，一般 ...
分类：
其他好文 时间：
2017-09-09 18:11:41
阅读次数：
142
在前端页面的布局方面，很多时候需要用到垂直居中，如果父集元素或子元素的高度是固定的那么垂直居中可以用line-height或者定位 top：50%；margin-top：- height/2 px；实现，那么如果父元素的高度和子元素的高度都不是固定值呢？ 下面就总结一下使用css进行垂直居中布局的方 ...
分类：
Web程序 时间：
2017-09-04 13:30:03
阅读次数：
243
关于垂直对齐，之前研究过好几次了，但感觉每次都没研究透彻，做了几个效果，就觉得自己掌握了，实在是自欺欺人。真乃搞技术的大忌。 这两天又下定决心重新开始研究vertical-allign这个高深莫测的属性了，决定一举攻破城池。但由于这个属性牵扯到的东西实在太多，line-height、盒模型等，都是c ...
分类：
其他好文 时间：
2017-09-01 22:19:18
阅读次数：
166
一、CSS reset body{ line-height:1.4; color:#333; font-family:arial; font-size: 12px; } input,textarea,select{ font-size:100%; font-family:inherit; } bod ...
分类：
Web程序 时间：
2017-08-31 19:01:11
阅读次数：
179
输出HTML标签，只需将标签写入双引号： 示例：在网页中输出<p>革命还在继续</p> document.write("<p style='border:1px solid black;width:300px;height:90px; line-height:90px;background:#abc ...
分类：
Web程序 时间：
2017-08-31 13:03:31
阅读次数：
312
前言：关于基线（base line），中线（middle line），行高（line height）的了解还是比较浅的，所以引用前辈的成果，稍带解释下 1）行高：两行文字之间“基线”之间的垂直距离 2）行距：一行文字“底线”到“顶线”之间的垂直距离 【我用英文四线谱，脑补了什么为之“基线”，大胆的猜 ...
分类：
其他好文 时间：
2017-08-29 14:19:10
阅读次数：
208
