.workTitle > a{ height: 26px; line-height: 26px; display: inline-block; text-overflow: ellipsis; width: 82%; overflow: hidden; white-space: nowrap; } ... ...
分类:
Web程序 时间:
2016-12-24 11:38:50
阅读次数:
230
一、行内元素水平居中 text-align: center; 二、行内元素垂直居中 height: 40px;line-height: 40px; 让这两个值相等 三、块级元素水平居中 width: 300px; margin: 0 auto; 可以不设置高度 三、块级元素垂直居中 1.固定宽高块级 ...
分类:
其他好文 时间:
2016-12-23 13:39:11
阅读次数:
184
之前对css中行高的理解还是有些肤浅,深入后才发觉里面内有乾坤。学习line-height,首先从基本原理开始 (标注该文章转载 http://www.cnblogs.com/dolphinX/p/3236686.html) 顶线/中线/基本/底线 行高概述 指一行文字的高度。具体来说是指两行文字间 ...
分类:
Web程序 时间:
2016-12-20 14:12:38
阅读次数:
264
一、大小不固定,多行文字的垂直居中 ① 单行文字 可能很多人都知道如何让单行文字垂直居中显示,就是使用line-height,将line-height值与外部标签盒子的高度值设置成一致就可以了。例如: 单行文字居中显示测试,css样式为:height:3em; line-height:3em;…… ...
分类:
其他好文 时间:
2016-12-18 15:19:13
阅读次数:
215
<style type="text/css">#caidan{ width:500px; height:35px; border:1px solid #60F; } .xiang{ width:100px; height:35px; text-align:center; line-height:35 ...
分类:
Web程序 时间:
2016-12-16 23:01:51
阅读次数:
230
line-height是相对于font-size来计算的,vertical-align的百分比值是相对于line-height来计算的,vertical-align的默认是baseline; demo: font-size:20px; line-height:1.2; line-height的值其实 ...
分类:
其他好文 时间:
2016-12-15 11:38:48
阅读次数:
193
显示目录 目录 [1]行高 [2]垂直对齐 [3]应用 前面的话 line-height、font-size、vertical-align是设置行内元素布局的关键属性。这三个属性是相互依赖的关系,改变行间距离、设置垂直对齐等都需要它们的通力合作。在CSS字体里面已经详细介绍了font-size的相关 ...
分类:
其他好文 时间:
2016-12-13 07:37:13
阅读次数:
227
关于行内元素: 行内元素设置width无效, height无效(可以设置line-height), margin上下无效,padding上下无效,margin和padding可设置左右。 text-align:center的测试: .text-align{text-align:center;} <d ...
分类:
Web程序 时间:
2016-12-04 20:28:26
阅读次数:
193
一、CSS书写顺序 1.位置属性(position,top,right,z-index,display,float等) 2.大小(width,height,padding,margin) 3.文字系列(font,line-height,letter-spacing,color-text-align等 ...
分类:
Web程序 时间:
2016-12-03 17:58:53
阅读次数:
190
.animate(params,[speed],[easing],[fn]) params,[speed],[easing],[fn]Options,Number/String,String,FunctionV1.0params:一组包含作为动画属性和终值的样式属性和及其值的集合speed:三种预定 ...
分类:
Web程序 时间:
2016-11-30 11:36:56
阅读次数:
201