交互设计中心-72色
交互设计中心 | 用户体验 | 优化
首页
标签
网友留言
酷站大全
jQueryAPI1.3
display:block 与display:inline-block 的区别
2008年2月14日 | 分类:DIV+CSS | 评论:0 | 引用:0 | 浏览:
| Tags:
display
区别
今天我工作的时候,给"span"附上宽度,但是死活都不是我设置的宽度,
而只是里面文字的多少,就有多少的宽度,那是个郁闷呀!
一气之下我改用了“div”,快下班的时候我看到了网上的一个示例,原来是display在作怪,哎!年假休息回来怎么什么都忘了o(∩_∩)o...
先看看display:block
<style> a{background:blue;display:block;color:#fff;width:400px;} </style> <a href="http://www.72color.com/">www.72color.com</a> <a href="http://www.72color.com/">www.72color.com</a> <a href="http://www.72color.com/">www.72color.com</a> <a href="http://www.72color.com/">www.72color.com</a>
再看看display:inline-block
<style> a{background:blue;display:inline-block;color:#fff} </style> <a href="http://www.72color.com/">www.72color.com</a> <a href="http://www.72color.com/">www.72color.com</a> <a href="http://www.72color.com/">www.72color.com</a> <a href="http://www.72color.com/">www.72color.com</a>
« 主流web2.0网站的配色参考方案
张峰---结婚的当天------贴喜字 »
点击这里获取该日志的TrackBack引用地址
相关文章:
名称
*
邮箱
*
网站链接
记住我,下次回复时不用重新输入个人信息
◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。
日志分类
日志搜索
输入您的搜索字词
提交搜索表单
Web
本站
最新文章
随机推荐
最新评论
最新留言
友情链接
◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。