div中的dispaly:inline样式和span的区别有哪些

这篇文章主要介绍div中的dispaly:inline样式和span的区别有哪些，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！

代码如下：

<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>

总结：

一句话就是在CSS中通过display:inline-block对一个对象指定inline-block属性，可以将对象呈递为内联对象，但是对象的内容作为块对象呈递。

以上是div中的dispaly:inline样式和span的区别有哪些的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注亿速云行业资讯频道！