随笔分类 -  CSS

摘要:如果图片大小不确定,怎样使图片在DIV中垂直水平居中呢?当然,如果用表格的话,另当别论了。这里只讨论使用css来控制的情况。如果只是水平方向居中的话,用text-align:center;(火狐中用margin:0auto;)这个属性就可以了。但是,垂直方向的居中好像很难做到,无论是用css里的"v... 阅读全文
posted @ 2014-12-29 16:50 风落不系之舟 阅读(1182) 评论(0) 推荐(0)
摘要:html:css:div{ width:400px;height:300px;text-align:center;font-size:0;*font-size:200px;}div:after{ content:""; vertical-align:middle; height:100%... 阅读全文
posted @ 2014-12-25 16:18 风落不系之舟 阅读(176) 评论(0) 推荐(0)
摘要:.一些问题是浏览器自身的问题,遇到问题发生无法避免的情况下,那就要考虑使用一些css hack了,以下是针对IE6,IE7和firefox可以使用的一些css hack:(1)a: 针对区别IE6 和IE7/firefox, 可以在要区别的代码后面跟上!important注意:ie6也认识!impo... 阅读全文
posted @ 2014-12-25 16:16 风落不系之舟 阅读(152) 评论(0) 推荐(0)
摘要:要想更好的理解 css, 尤其是 IE 下对 css 的渲染,haslayout 是一个非常有必要彻底弄清除的概念。大多IE下的显示错误,就是源于 haslayout。什么是 haslayout ?haslayout 是Windows Internet Explorer渲染引擎的一个内部组成部分。在... 阅读全文
posted @ 2014-12-25 16:14 风落不系之舟 阅读(285) 评论(0) 推荐(0)
摘要:很多网站在css reset 的时候有如下做法:body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,label,dl,dt,dd,fieldset,img{margin:0;padding:0;border:0;list-style:none;}也许你有些许怀疑,上面列出的... 阅读全文
posted @ 2014-12-25 11:14 风落不系之舟 阅读(2949) 评论(0) 推荐(1)