HTML 第21页
- Html4
我们发现内联对象inline给它设置height和width是没有用的，致使它变宽变大的原因是内部元素的宽高+padding。观察inline对象的前后元素我们会发现Inline不单独占一行，其它元素会紧跟其后。
块对象block是可以设置宽高的，但是它的实际宽高是本身宽高+padding。观察block的前后元素我们会发现block要单独占一行。
当看到这里的时候我们就会想，如果我们即需要div有宽高，又不希望它独占一行怎么办？
这个时候我们就需要使用inline-block了，再观察一下上图，我们会发现inline-block即具有block的宽高特性又具有inline的同行元素特性。
最后提醒一下，IE6/7下padding对inline的宽高是对其没影响的。看下图：
inline、block、inline-block的区别
我们用firbug浏览别人网站时会发现设计者会在很多地方使用inline-block。我们都知道inline是声明div是内联对象，block是声明块对象，那么...
Terry 2012.12.28views: 19348 HTML5最基本的新特性，你掌握了吗？
HTML5最基本的新特性，你掌握了吗？一共有27条，列出来给大家看看1.新的Doctype尽管使用<!DOCTYPEhtml>，即使浏览器不懂这...
Terry 2012.12.25views: 19950如何去掉A标签的虚线框
有时候产品要求去掉A标签的虚线框，例如在一些活动页面上的链接等；其实这个细节问题可以忽略，但是他们坚持要去掉，哈哈，是不是感觉很蛋疼呢，HOHO。下面就简单说说...
Terry 2012.12.20views: 22791Chrome苹果浏览器字体大小控制问题
今天在做手机项目开发遇到一个问题，我想把字体设置＜=12号字体，但是没效果，后来发现Webkit内核浏览器限制了最小字体12px，如果我们想把字体变得更小，可以...
Terry 2012.12.20views: 23926IE6/7下list-style-type:decimal不兼容问题处理
今天在做公司的一个项目的时候遇到一个问题，使用OL>LI列表的时候使用了list-style-type:decimal属性，居然在IE6/7下面前面数...
Terry 2012.12.13views: 15642[文字竖排]CSS3中的transform变形详解
在我们做数据表格的时候，会遇到数字竖排问题，在IE下面好解决直接用writing-mode:tb-rl;即可，但是在FF，谷歌等浏览器没有效果，但是自从有了CS...
Terry 2012.09.07views: 31719关于inline-block解读
在我们写代码的时候估计很多人都会遇到inline-block问题。IE6、7真的不支持display:inline-block吗？其实从IE5.5就开始支...
Terry 2012.09.03views: 21616关于英文单词以及汉字强制换行
自动换行问题，正常字符的换行是比较合理的，而连续的数字和英文字符常常将容器撑大，挺让人头疼,下面介绍的是CSS如何实现换行的方法。对于div，p等块级元素正常文...
Terry 2012.08.17views: 17131去掉点击链接时周围的虚线框outline属性
1.CSS方式在IE下是使用html属性：hideFoucs，在HTML标签中加上hidefocus=”true”属性即可，但这...
Terry 2012.07.10views: 27924CSS 兼容要点（经典）
CSS兼容要点：DOCTYPE影响CSS处理FireFox:div设置margin-left,margin-right为aut...
Terry 2012.07.05views: 23449css十大绝秘技巧，欢迎大家前来投票！！
1.css字体简写规则当使用css定义字体时你可能会这样做：font-size:1em;line-height:1.5em;fon...
Terry 2012.07.05views: 20431
![[文字竖排]CSS3中的transform变形详解](http://jiangweishan.com/zb_users/plugin/FirstIMG/noimg/8.jpg)
