摘要: 在使用CSS实现表现的时候,会经常接触到display:inline-block这一属性,无论是初接触Web标准还是接触标准已久的朋友,大都会对这一属性感觉很迷惑和模糊。display:inline-block引用:将对象呈递为内联对象,但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内,允许空格。但对于这个属性不是所有浏览器都识别。支持的浏览器有:Opera、Safari但很遗憾,最流行的IE和Firefox却不支持这个属性(据说下一版本的Firefox将会支持display:inline-block)。不过Firefox下却有私有属性-moz-inline-box和inline 阅读全文
posted @ 2011-08-29 19:53 ideaplusl 阅读(273) 评论(0) 推荐(0) 编辑
摘要: css中的内联对象与块对象在用CSS做页面的时候,我们总是会想到块对象和内联对象,那到底指的是什么呢?为什么说加上float或display:block就是块对象了呢?块对象默认宽度是100%(继承自父元素),如果没有采用“float:left/right;”样式,相邻的两个块对象就会分排在不同的两行上。内联对象的宽度取决于其内部元素的宽度与padding样式值之和,不可直接指定其宽度与高度(“display:block;”、“float:left/right;”强行转换后可以定义),相邻的两个内联对象会排在同一行上。从这两点就应该可以看出来块对象和内联对象两者的区别,关于为什么加上float 阅读全文
posted @ 2011-08-29 19:51 ideaplusl 阅读(2364) 评论(0) 推荐(0) 编辑
摘要: 在网页设计中,会遇到文本超过固定长度导致整体的网页变形的情况。程序员往往需要截取固定的长度来实现某些固定长度的控制。介绍一种直接采用CSS的代码控制来实现文本截取的方法。与程序员的直接字符截取的方式有点区别,其优势是可以自动控制文本显示的长度;缺点是不同浏览器的兼容性并不完美。使用到 overflow,text-overflow,white-space 这三个主要的属性,其他的代码属于修饰作用。 CSS代码: <style> .texthidden{ width:200px; overflow:hidden; text-overflow:ellipsis; white-space: 阅读全文
posted @ 2011-08-29 18:57 ideaplusl 阅读(7867) 评论(0) 推荐(0) 编辑