标题: [小秘籍]display:block 与display:inline-block 的区别 [打印本页]

---

作者: chinanic    时间: 2007-1-22 07:43     标题: [小秘籍]display:block 与display:inline-block 的区别

看两者的区别，看两个例子应该明白什么区别： 1、display:block

1. <style>
2. a{background:blue;display:block;color:&#35;fff}
3. </style>
4. <a href="http://www.thysea.com/lb/cgi-bin/">黑色海岸线安全技术论坛</a>
5. <a href="http://www.thysea.com/lb/cgi-bin/">黑色海岸线安全技术论坛</a>
6. <a href="http://www.thysea.com/lb/cgi-bin/">黑色海岸线安全技术论坛</a>
7. <a href="http://www.thysea.com/lb/cgi-bin/">黑色海岸线安全技术论坛</a>

复制代码

2、display:inline-block

1. <style>
2. a{background:blue;display:inline-block;color:&#35;fff}
3. </style>
4. <a href="http://www.thysea.com/lb/cgi-bin/">黑色海岸线安全技术论坛</a>
5. <a href="http://www.thysea.com/lb/cgi-bin/">黑色海岸线安全技术论坛</a>
6. <a href="http://www.thysea.com/lb/cgi-bin/">黑色海岸线安全技术论坛</a>
7. <a href="http://www.thysea.com/lb/cgi-bin/">黑色海岸线安全技术论坛</a>

复制代码

[br][br]-=-=-=- 以下内容由 chinanic 在 2007年01月22日 07:46am 时添加 -=-=-=- f##k一下Leobbs官方，居然自己转换超链接。。。。让偶不能发HTML标签。。

---

欢迎光临 黑色海岸线论坛 (http://bbs.thysea.com/)

Powered by Discuz! 7.2