摘要:
方法一:单行文字height:50px;line-height:50px;text-align:center;方法二:绝对定位父元素{ position:relative; }子元素{ position:absolute; left:50%; top:50%; width:value; ... 阅读全文
摘要:
文章来源: http://www.w3cplus.com/css/px-to-em总结: 1、浏览器默认的字体大小为16PX,即1em 2、EM可以指定小数点的后三位 3、元素自身没有设置字体大小,全部都按照以下公式计算 需要转换的像素值/父元素的font-size= em值 4、元素自身设置字体大小, 字体大小的计算方法不变: 需要转换的像素值/父元素的font-size= em值 其他,按以下公式计算: 需要转换的像素值/自身的font-size=em值 阅读全文
摘要:
文章来源: http://www.zhihu.com/question/20394889总结: 1、line-height:2em、line-height:200% 根据父元素的字体大小计算行高 子元素继承父元素计算后的行高,如果子元素的字体很大,而父元素字体小,这样计算出来的行高有可能无法容量子元素的显示,会被截掉。 2、line-height:2(推荐) 根据子元素计算行高(取最大字体值*2) 阅读全文
摘要:
文章来源:http://www.neoease.com/css-z-index-property-and-layering-tree/总结: 1、z-index只有在设置position:relative、absolute、fixed中才会生效; 2、设置position后,如果没有设置z-index,在IE6-7中z-index默认的是0,而标准浏览器中,z-index是auto; 3、如果没有设置z-index,后出现的元素覆盖前面的元素,如果设置了z-index,z-index下的子级高的覆盖子级低的元素; 4、设置了z-index,根据父亲的顺序来排列,无论子元素的z-inde... 阅读全文
摘要:
/*方法一(推荐)*/ .clearfix:before,.clearfix:after { content:''; display:table; } .clearfix:after { clear:both; overflow:hidden; } .clearfix { *zoom:1; } /*方法二*/ .clearfix:after { con... 阅读全文