-
图片水平垂直居中（IE8+）查看全部
-
多行文本水平垂直居中查看全部
-
333333查看全部
-
222查看全部
-
第一节定义查看全部
-
ie6,7 对元素设置height属性会触发haslayout，设置line-height不会触发查看全部
-
消除图片底部间隙的方法查看全部
-
line-height实际应用:除了单行文本的垂直居中，还有实现大小不固定的图片、多行文字的垂直居中，还有代替height以避免ie6/ie7下得hashlayout。<br> 大小不固定的图片的垂直居中:.box{text-align:center; line-height:300px;} .box img{vertical-align:middle;}<br> 多行文本的垂直居中:.box{text-align:center; line-height:300px;} .box .text{display:inline-block; line-height:normal; text-align:left; vertical-align:middle;}查看全部
-
css之line-height：所有的内联元素样式表现都与行内盒子模型有关，例如图片旁边的文字环绕查看全部
-
line-height:默认值（normal），用户的浏览器和字体相关 line-height:<number>,跟字体大小相关 line-height:1.5 所有可继承元素根据fontsize重新计算行高； line-height:150%;根据line-height元素的fontsize计算，并且直接继承给下面的子元素； 所以：：：：全局设置使用<number>类型 推荐：body{fontsize:14px,lineheight:1.5}或者匹配20px查看全部
-
内联元素高度的由来：是由line-height决定的；而不是由字体的大小（font-size）决定； 单行文字的行高： 1.行高由于其继承性，影响无处不在，即使单行文本也不例外； 2.行高只是幕后黑手，高度的表现不是行高，而是内容区域和行间距。 行高（line-height）=内容区域高度（content area）+行间距（vertical spacing） 1.内容区域高度只与字号以及字体有关，与line-height没有任何关系。 2.在simsun（宋体）字体下，内容区域高度等于文字大小值。 在simsun字体下：（因为font-size=content area） font-size+行间距=line-height； 行间距=line-height - font-size； 行间距拆分就有了上下行间距。 总结：行高决定了内联盒子高度；行间距可大可小（甚至负值），保证高度正好等于行高。 多行文本高度就是单行文本高度累加。查看全部
-
有点晕了，先前不是做过实验，是由line-hight决定内联元素的高度的么，怎么又成内容区域+行间距决定的？查看全部
-
内容区域 content area<br> 内联盒子 inline box<br> 行内框盒子（由一个个内联盒子构成 line boxes）<br> 包含盒子 containing box查看全部
-
行内框盒子查看全部
-
~~~查看全部
举报
0/150
提交
取消