CSS - 随笔分类 - 念时

css强制换行和超出隐藏实现

摘要：一、强制换行1 word-break: break-all; 只对英文起作用，以字母作为换行依据。2 word-wrap: break-word; 只对英文起作用，以单词作为换行依据。3 white-space: pre-wrap; 只对中文起作用，强制换行。word-break:break-all 和 word-wrap:break-word 都是能使其容器如DIV的内容自动换行，它们的区别在于：1、word-break:break-all假设div宽度为450px，它的内容就会到450px自动换行，如果该行末端有个很长的英文单词，它会把单词截断，一部分保持在行尾，另一部分换到下一行。2、w 阅读全文

posted @ 2014-03-20 12:02 念时阅读(54063) 评论(0) 推荐(1) 编辑

用CSS如何判断IE浏览器版本?

摘要：之前只是针对所有的IE浏览器：  要避掉IE8的话就得： <!--[if lt IE 8]> <link href="Style/IE.css" rel="stylesheet" type="text/css" /> <![endif]-- 阅读全文

posted @ 2011-03-31 10:26 念时阅读(7203) 评论(0) 推荐(0) 编辑

IE6绝对定位的bug及其解决办法

摘要：position:absolute定位在IE6下存在left和bottom的定位错误问题： <!–IE6下的left定位错误–><divstyle="position:relative;border:1pxsolidorange;text-align:center;"><ahref="http://www.zzsky.cn">http://www.zzsky.cn</a><divstyle="position:absolute;top:0;left:0;background:#CCC;&qu 阅读全文

posted @ 2011-03-29 17:03 念时阅读(425) 评论(0) 推荐(0) 编辑

CSS完美垂直居中

摘要：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb23 阅读全文

posted @ 2011-03-23 10:54 念时阅读(394) 评论(0) 推荐(0) 编辑

CSS Hack汇总(转载)

摘要：CSS hack是指我们为了兼容各浏览器，而使用的特别的css定义技巧。这是国外摘来的一张CSS hack列表，显示了各浏览器对css hack的支持程度，对我们制作兼容网页非常有帮助。现在浏览器的市场99%的份额被 IE 和 FF 所占 .所以,现在的hack应该主要针对这两个浏览器的了现在主流的浏览器是 IE6 和 Firefox ,这两个不同的浏览器的内核是不一样的. 同时,这两个浏览器对C... 阅读全文

posted @ 2010-11-18 10:22 念时阅读(449) 评论(0) 推荐(0) 编辑

网页设计标准尺寸

摘要：1、800*600下，网页宽度保持在778以内，就不会出现水平滚动条，高度则视版面和内容决定。2、1024*768下，网页宽度保持在1002以内，如果满框显示的话,高度是612-615之间.就不会出现水平滚动条和垂直滚动条。3、在ps里面做网页可以在800*600状态下显示全屏，页面的下方又不会出现滑动条，尺寸为740*560左右 4、在PS里做的图到了网上就不一样了，颜色等等方面，因为ＷＥＢ上面... 阅读全文

posted @ 2009-11-17 12:08 念时阅读(281) 评论(0) 推荐(0) 编辑

CSS实用技巧及常见问题

摘要：IE6背景图片缓存bug解决方法：背景图片缓存bug是IE6众多常见bug之一a.方法一：使用Javascript脚本【推荐】 <!--[if IE 6]> <script type="text/javascript"><!-- document.execCommand("BackgroundImageCache", false, true); // --&g... 阅读全文

posted @ 2009-11-17 09:51 念时阅读(319) 评论(0) 推荐(0) 编辑

各种CSS bug与技巧

摘要：1、容器不扩展问题[代码]解决办法：在divGroup里面加上overflow:hidden;zoom:1; ps:很多人都是在里面加个清除浮动空标签来解决，其实这个是错误办法。太增加代码量了8、去掉图片热点链接或超链接的虚线框 <a href="#" onFocus=this.blur()>hemin</a> 9、按钮按下时立体感效果: a:hover { positio... 阅读全文

posted @ 2009-11-03 09:48 念时阅读(362) 评论(0) 推荐(0) 编辑

JS获取各种宽度,高度解释

摘要：红色是大块的边框，蓝色是小块的边框，蓝框外白色区域是大块的 padding 或/和小块的 margin 或其他元素或其他原因造成的空白。 offsetTop,offsetLeft obj.offsetTop 指 obj 相对于版面或由 offsetParent 属性指定的父坐标的计算上侧位置，整型，单位像素 obj.offsetLeft 指 obj 相对于版面或由 offsetParent 属... 阅读全文

posted @ 2009-10-23 16:48 念时阅读(918) 评论(0) 推荐(0) 编辑

浏览器兼容手册（JS+CSS）

摘要：这是我总结多年的一个小文档，最近看见有人咨询浏览器兼容的问题，就贡献出来。并不一定全，有的也可能不准确，比如新出的IE8、Chrome等都没有太多涉及，虽然最近做的一些项目也兼容了IE8、Chrome等，但都没来的及总结进去，后来就忘了...汗。大家一起慢慢完善吧。 javascript部分 1. document.form.item 问题问题：代码中存在 document.formN... 阅读全文

posted @ 2009-10-22 11:45 念时阅读(414) 评论(0) 推荐(1) 编辑

CSS浏览器兼容大总结

摘要：CSS对浏览器的兼容性有时让人很头疼，或许当你了解当中的技巧跟原理，就会觉得也不是难事，从网上收集了IE7，6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度，请尽量用xhtml格式写代码，而且DOCTYPE 影响 CSS 处理，作为W3C的标准，一定要加 DOCTYPE声名。　　CSS技巧　　1.div的垂直居中问题 vertical-align:middle；将行距... 阅读全文

posted @ 2009-09-08 10:47 念时阅读(345) 评论(0) 推荐(0) 编辑

FF下文本无法撑开容器的高度解决办法

摘要：11.为什么FF 下文本无法撑开容器的高度标准浏览器中固定高度值的容器是不会象IE6里那样被撑开的，那我又想固定高度，又想能被撑开需要怎样设置呢？办法就是去掉 height设置min- height:200px；这里为了照顾不认识min-height的IE6 可以这样定义: { height:auto！important； height:200px； min-height:200px； } 阅读全文

posted @ 2009-09-08 10:34 念时阅读(1245) 评论(0) 推荐(0) 编辑

IE6 IE7 FF 中的最大最小寬度和高度

摘要：/* 最小寬度 */.min_width{ min-width:300px; /* sets max-width for IE */ _width:expression(document.body.clientWidth < 300 ? "300px" : "auto");}/* 最大寬度 */.max_width{ max-width:600px; /* sets max-wid... 阅读全文

posted @ 2009-08-25 14:27 念时阅读(375) 评论(0) 推荐(0) 编辑

IE6 中的最大最小寬度和高度 css 高度控制(兼容版本)

摘要：/* 最小寬度 */.min_width{min-width:300px; /* sets max-width for IE */ _width:expression(document.body.clientWidth < 300 ? "300px" : "auto");}/* 最大寬度 */.max_width{ max-width:600px; /* sets max-width... 阅读全文

posted @ 2009-08-25 14:22 念时阅读(876) 评论(0) 推荐(1) 编辑

十个超级技巧助你解决CSS兼容问题

摘要：大家在52CSS.com学习了很多关于CSS布局的知识与技巧，然而CSS样式兼容问题也不容小看，它引出的问题往往让大家一愁莫展，由于各浏览器对 CSS的不同解释，造成本来IE7可正常显示，但到了firefox、ie6等其它浏览器上，却出现错位、下沉等问题，只得在firefox、 ie6、ie7之间不停的切换调试，汗…最近又有两款浏览器加入googleChrome和IE8，某个浏览器一统... 阅读全文

posted @ 2009-08-24 15:00 念时阅读(317) 评论(1) 推荐(0) 编辑

两句CSS属性让点击图片链接时的虚线框消失

摘要：昨天做一个导航条，为了节省代码，CSS属性使用了一个Line-height，结果每次点击导航，鼠标过后，惨不忍睹啊。一个扎眼的虚线框，他没包住图片，也没平均包住，虚线框错位很严重，其他一切正常。总之，本来很酷了，有这个虚线就一切白费。在蓝色搜索啊搜索，看到了不少代码，不少代码还是很好用的，可就是有点太长了，有用纯CSS的(写了很长)，也有用JS的（能用CSS的话我就不去用JS了）最后，无意中... 阅读全文

posted @ 2009-08-21 10:39 念时阅读(1505) 评论(0) 推荐(0) 编辑

让CSS兼容IE和Firefox的技巧集合

摘要：让CSS兼容IE和Firefox的技巧集合 (上) Html/Xhtml/Css 02月 22nd, 2009 CSS 对浏览器的兼容性有时让人很头疼，或许当你了解当中的技巧跟原理，就会觉得也不是难事，从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下。对于web2.0的过度，请尽量用xhtml格式写代码，而且DOCTYPE 影响 CSS 处理，作为W3C的标准，一... 阅读全文

posted @ 2009-08-04 10:03 念时阅读(257) 评论(0) 推荐(0) 编辑

清除浮动四种方法

摘要：来清除“闭合(清除)浮动”的方法，主要是一下四种：　　1. 额外标签法　　这种方法就是向父容器的末尾再插入一个额外的标签，并令其清除浮动（clear）以撑大父容器。这种方法浏览器兼容性好，没有什么问题，缺点就是需要额外的（而且通常是无语义的）标签。　　我个人不喜欢这种方法，但是它确实是W3C推荐的方法　　＜div style="clear:both;">＜/d... 阅读全文

posted @ 2009-08-03 10:11 念时阅读(326) 评论(0) 推荐(0) 编辑

Css优先级分析

摘要：原文地址：http://www.denisdeng.com/?p=165 本文节选自《The Ultimate CSS Reference 》一书，翻译不足之处，请斧正，可参考原书：specificity一节。初学者可能对优先级的概念不甚明白，但我们在写css的时候经常遇到这些问题。优先级主要是避免样式声明中的冲突。当针对同一元素的同一属性有多个声明时，并且这些声明来源相同，权重相同，那么，更明... 阅读全文

posted @ 2009-07-31 10:31 念时阅读(248) 评论(0) 推荐(0) 编辑

让IE8按IE7来解释页面

摘要：让IE8按IE7来解释页面，只需在Head里加下面一句： <meta http-equiv="x-ua-compatible" content="ie=7" /> 阅读全文

posted @ 2009-07-31 09:53 念时阅读(140) 评论(0) 推荐(0) 编辑

随笔分类 - CSS