css打造图片垂直居中自动排列效果
摘要:div相对与table对于图片的垂直居中支持的并不好,特别对于不同浏览器的兼容性来说,更是让大家头疼。尤其是在图片大小不固定的情况下,更是麻烦。记得刚工作的时候就碰到这样的问题,费了九牛二虎之力才垂直剧中了结果,文字显示不了链接……下面来看一个典型实用的CSS布局实例,CSS实现图片的水平居中、垂直居中,在Div区块内,图片是未知宽高。不论使用何种尺寸的图片,它都会居中于DIV中,虽然代码有点多,但是兼容性方面做的挺好。<divclass="maincss"style="text-align:center; width:978px;border:1px so
阅读全文
posted @
2011-08-17 10:06
csssky
阅读(1343)
推荐(0)
跨浏览器兼容的 CSS 代码
摘要:作为一个Web设计师,你的网站在各种浏览器中解释一致是我们追求的目标,然而这是一个永远无法真正实现的目标,很多人认为,完美的跨浏览器兼容并不必要,这样说虽然没错,但在很多情形,一种近似的兼容还是很容易实现的,本文讲的是各种跨浏览器兼容的CSS编码准则和技巧。理解CSS盒子模型如果想写出简单而且有效的跨浏览器兼容的CSS代码,透彻地理解CSS盒子模型是首要事情,CSS盒子模型并不难,且基本支持所有浏览器,除了某些特定条件下的IE浏览器。CSS盒子模型负责处理以下事情:·一个blcok(区块)级对象占据多大的空间·该对象的边界,留白·盒子的尺寸·盒子与页面其
阅读全文
posted @
2011-08-15 10:20
csssky
阅读(230)
推荐(0)