当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > div的dispaly:inline样式 和span的区别

技术文章搜索

关键字

CSS样式表 中的 div的dispaly:inline样式 和span的区别

---

出处:互联网   整理: 软晨网（RuanChen.com）   发布: 2009-09-12   浏览: 157 ::
收藏到网摘: n/a

图片垂直居中之姊妹 DIV垂直居中 CSS控制图片大小-适应宽度

为什么在ie里执行后这段代码 两个span标签虽在同一行但它们之间有空隙? 但是 两个div标签虽然在同一行就没有空隙? 不是说用了display:lnline就变内联原素了吗 为什么还和span有区别
更奇怪的是ff里面执行就没区别

点击运行可以看到效果:<span style="background-color:red;">xxx</span> <span style="background-color:red;">xxx</span> <div style="background-color:red;display:inline">xxx</div> <div style="background-color:red;display:inline">xxx</div> <span style="background-color:red;">我是没有间隔的</span><span style="background-color:red;">伟大的hutia，挖哈哈哈</span>
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]

IE中回车是作为一个空格处理的，挖哈哈哈

图片垂直居中之姊妹 DIV垂直居中 CSS控制图片大小-适应宽度

评论 (0) All

登陆 还没注册？

设为首页 | 加入收藏 | 关于我们 | 联系我们 | 广告服务 | 网站地图 | 友情链接 | 在线帮助 | 免责声明 Sitemap W3school

如果您觉得本站不错，别忘了告诉您的同学和同事哟 ^_^

欢迎各网站转载我们的原创，转载时请注明出处。

All copyright is reserved by 软晨网（RuanChen.com）