1.文本超出部分显示为...white-space:nowrap;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
overflow:hidden;2.文本超出多行结尾部分展示为...height:46px;//它的值为行高乘以显示的行数
line-height:23px;
overflow:hidden;
text-overflow:ellipsis;
white-space:norm..
分类：
Web程序 时间：
2017-02-24 21:22:43
阅读次数：
223
<p class="title">A20 Banana Pi Development Board Module - Deep Blue</p> /*单行文本*/.title{width: 150px;height: 25px;line-height: 25px;overflow: hidden;wh ...
分类：
其他好文 时间：
2017-02-23 16:15:17
阅读次数：
203
转载自https://www.zhihu.com/question/40851161 知乎用户：薛定谔的猫侵删<div> <img src="img1.png"> <img src="img2.png"> </div> 1. div{ height: 400px; line-height: 400p ...
分类：
Web程序 时间：
2017-02-22 13:23:14
阅读次数：
450
二.行内元素与块级元素有什么不同？ 块级元素和行内元素的区别是，块级元素会占一行显示，而行内元素可以在一行并排显示。 通过样式控制，它们可以相互转换。 1.尺寸-块级元素和行内元素之间的一个重要的不同点 设置宽度width 无效。设置高度height 无效，可以通过line-height来设置。设置 ...
分类：
Web程序 时间：
2017-02-20 12:37:49
阅读次数：
228
水平居中： 一：内联元素居中，让其父级块元素居中即可！ 二：块元素居中，margin-left，margin-right：auto； 还有注意宽度哦！ 宽度为100%，是看不出的，宽度是100%还用居中？ 垂直居中: 一：设置padding 二：height = line-height 三：disp ...
分类：
Web程序 时间：
2017-02-13 20:08:53
阅读次数：
131
1.padding-top、padding-bottom、margin-top、margin-bottom对于span是无效的，因为span是行内元素，作用在一行上。参考：http://www.cnblogs.com/mingjiezhang/p/5373667.html2.line-height对于span是无效的，因为line-height作用于块元素，而span是行内元素。
分类：
Web程序 时间：
2017-02-11 23:00:06
阅读次数：
223
案例1： 案例2： 案例3： <!Doctype html><html> <head> <meta charset="utf-8"> </head> <body> <table style="margin:0 auto;text-align:center;line-height:30px" cell ...
分类：
Web程序 时间：
2017-02-09 11:04:14
阅读次数：
161
1.单行文本的水平垂直 用height ＝ line－height ＋ text－align：center 2.内外宽高都知道的盒子可以用padding让上下相同，左右相同。css3中有calc()函数来算。 3.用margin来实现。水平方向上的可以直接margin－left：auto；margi ...
分类：
其他好文 时间：
2017-02-08 18:13:30
阅读次数：
197
如图： 代码：(需要将display属性设置为inline-block,在设置height和line-height调整位置) ...
分类：
Web程序 时间：
2017-02-06 10:54:35
阅读次数：
162
1.排版样式font-size:14px;line-height:20px;<p>段落元素被设置等于1/2行高即10px颜色被设置为#333h1到h636px 30px 24px 18px 14px 12pxBootstrap分别对h1~h6进行了css样式重构并且支持普通内联元素定义class=( ...
分类：
其他好文 时间：
2017-02-04 14:50:40
阅读次数：
172
