对齐操作 使用margin属性进行水平对齐 使用position属性进行左右对齐 使用float属性进行左右对齐 尺寸操作的属性 height 设置元素高度 line-height 设置行高 max-height 设置元素最大高度 max-width 设置元素最大宽度 min-width 设置元素最 ...
分类：
Web程序 时间：
2017-01-30 16:18:52
阅读次数：
219
一、line-height的定义和工作原理总结 line-height的属性值: normal 默认 设置合理的行间距。 number 设置数字，此数字会与当前的字体尺寸相乘来设置行间距line-height:1.5; length 设置固定的行间距。 例如：line-height:18px; % ...
分类：
其他好文 时间：
2017-01-20 07:19:16
阅读次数：
219
大家都知道，如何设置文字垂直居中，也就是：设置line-height 和 外围盒子的高度height一致； 其实这里有个地方，是多余的，也就是height，设不设置都居中； 那么，行高是生产高度的？ 先上一个小问题：当div没有设置高度的情况下，撑开其高度是里面的文字吗？ 答案是否定的，你可以试试， ...
分类：
其他好文 时间：
2017-01-19 19:43:37
阅读次数：
221
1 @charset "utf-8"; 2 body{margin:0px; padding:0px; margin:0px auto; font-size:14px; line-height:24px; color:#606060; width:100%; min-width:1000px; wi... ...
分类：
Web程序 时间：
2017-01-19 14:39:08
阅读次数：
211
最近在项目中遇到不固定宽高的图片要水平垂直居中的情况，发现垂直居中存在兼容性问题，下面收集了一些方法，可根据需要权衡使用。 1. 背景法(兼容性好，简单，但不利于动态导入的图片) html： css： 2. 图片外面用个p标签，通过设置line-height使图片垂直居中(兼容性较好) html： ...
分类：
其他好文 时间：
2017-01-18 12:09:29
阅读次数：
175
0.脱离标准文档流 绝对定位的元素会脱离标准文档流，拥有z-index属性，并且对于它的任何操作和改变都不会影响它的兄弟元素和父级元素，这里就不过多介绍。 不过值得注意的是，虽然绝对定位元素脱离的标准文档流，但是它依然会受到父元素影响哦，比如line-height和text-align属性等。 1. ...
分类：
Web程序 时间：
2017-01-16 19:36:26
阅读次数：
251
html代码如下： css代码如下： 这时候input应该继承父级的line-height属性值，但是在浏览器中出现这样的效果。 我想要的是文字和input都垂直居中。 因为float将input转为了块级元素。如这篇文章里面写的 http://www.cnblogs.com/czaiz/p/527 ...
分类：
其他好文 时间：
2017-01-14 12:34:07
阅读次数：
359
<style> li{ list-style: none;width:40px;height: 40px;text-align:center;line-height: 40px;cursor: pointer; } </style>html代码： <ul id="uls"> <li style="b ...
分类：
Web程序 时间：
2017-01-04 18:23:45
阅读次数：
702
第八章 padding/border/margin 1、对于只包含文本的行，能改变行间距里的属性只有line-height/font-size/vertical-align。 2、对行内非替换元素应用负外边距，左右两端可能与其他内容重叠。 3、边框绘制在元素的背景之上。（可修改） 4、要把单边属性放 ...
分类：
Web程序 时间：
2016-12-31 21:01:16
阅读次数：
201
行高=文字尺寸+行距； 一般情况下，浏览器默认的line-height为1.2。可以自定义 line-height 覆盖这个初始值，那么该怎样设置line-height呢？有以下5种方式： 一般来说设置为1.5e之类的最好，行高可以根据自己缩放而改变 ...
分类：
Web程序 时间：
2016-12-25 23:13:18
阅读次数：
196
