摘要: 1,text-align:center可以使文字图片等行内元素居中,margin:auto;只能使块元素左右居中2,line-height:100%/1;当前字体尺寸相乘来计算行间距,可以设置line-height:外框高度使文字上下居中3,要使图片居中,必须设置图片vertical-align: middle;(1):设置*font-size: 框高*0.873;可以使ie6下的图片上下居中;(2):增加一个span空标签,添加font-size:0主要是考虑部分浏览器会对换行和空格产生一个“字符”做处理 View Code (3):用table td 设置text-a... 阅读全文
posted @ 2013-12-10 19:56 茹小哥 阅读(244) 评论(0) 推荐(0) 编辑
摘要: 1,所有浏览器图片默认都有间隙,不同浏览器间隙宽度不同;2,设置display:block;可以消除上下间隙3,设置父标签vertical-align:top/middle/bottom/sub可以消除上下间隙4,设置父标签font-size:0;可以消除上下左右间隙5,设置父标签Line-height:0;可以消除上下间隙猜想:图片未设置block时,和文字特性类似会有上下间隙,类似文字默认上下居中,当设置block时没有文字特性,当设置上下居中,font-size:0;Line-height:0;时消除了文字上下离div包含块中的间隙,只要文字设置这些属性时是否也能消除间隙就可以验证这个想 阅读全文
posted @ 2013-12-10 17:24 茹小哥 阅读(507) 评论(0) 推荐(0) 编辑