博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

随笔分类 -  css实用代码

清除浮动新说

摘要：起源： .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .clearfix { display: inline-table; } /* Hides from IE-mac \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* End hide from IE-mac */ 说明： *对大多数符合标准的浏览器应用第一个声明块， 阅读全文

posted @ 2012-03-29 20:38 52jscss 阅读(167) 评论(0) 推荐(0)

CSS样式自动换行(强制换行)

摘要：自动换行问题,正常字符的换行是比较合理的,而连续的数字和英文字符常常将容器撑大,挺让人头疼,下面介绍的是CSS如何实现换行的方法对于div,p等块级元素 正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的 white-space:normal ,当定义的宽度之后自动换行html:<divid="wrap">正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义</div>css:#wrap{white-space:normal;width:200px;}1.（IE浏览器）连续的英文字符和阿拉伯数字,使用wo 阅读全文

posted @ 2012-03-15 15:48 52jscss 阅读(1841) 评论(0) 推荐(0)

10个技巧帮你搞定IE6

摘要：虽然说IE8已经来了，并且表现不错。8 个小时突破1200W下载，远远地超过24小时下载800W的firefox。但对于整个互联网，IE6仍然是用户最多的浏览器。暂不说IE6怎样，把 Web的表现做得更好，既是一种责任，也是一种能力的表现。如果你依然对IE6所出现的种种问题无可奈何，就让我带你来看一下来自SitePoint的 10 Fixes That Solve IE6 Problems，学会这10个方法，你将可以解决大部分IE6出现的问题。 1. 使用 DOCTYPE 你需要在HTML页面的最顶部加上DOCTYPE类型，当然， strict版是值得推荐的，例如： <!DOCT... 阅读全文

posted @ 2012-03-15 15:29 52jscss 阅读(128) 评论(0) 推荐(0)

CSS Hack: 区分 IE6 / IE7 /IE8 /Firefox

摘要：今天被在修改CSS的时候，突然碰到要单独Hack IE8的。当然，用注释非常方便，只要添加相应的注释就可以解决。但问题是，为了一句CSS写多一个文件，或者在header上添加注释，那显然不是懒人的习惯做法。结论如下： selector{property:value;/*所有浏览器*/property:value\9;/*所有IE浏览器*/+property:value;/*IE7*/_property:value;/*IE6*/} 当然，注意顺序。根据CSS的优先性，上面的写法，分别针对Firefox、IE8、IE7和IE6显示值。让我们看看这个演示： 演示的CSS代码如下： p.ie{... 阅读全文

posted @ 2012-03-15 15:18 52jscss 阅读(137) 评论(0) 推荐(0)

复选框文字对齐显示问题

摘要：最近的工作中，有很多表单的制作，很多次都碰到复选框与文字对齐的问题，发现在不同的浏览器中，显示各异，显示效果如下 观察发现，IE6、IE7 显示效果基本相同，算是显示比较正常的效果，IE8、safari 和火狐显示效果基本相同，两个文字都偏下，而opera稍偏下。在之前我的解决方法，都是通过文字外面套上另外的标签，等， 通过调整input标签和label的html标签来对齐，大概方法即是让input 和label 标签都左浮动，但前提一定是在写页面的时候，文字外面加了label 标签，这种方法应为定义了大量的浮动，还需要清除浮动，才能保证下面页面的正常显示，或者有些人用相对定位等方... 阅读全文

posted @ 2012-03-13 23:43 52jscss 阅读(482) 评论(0) 推荐(0)