DIV和SPAN的区别

这篇文章主要介绍“DIV和SPAN的区别”，在日常操作中，相信很多人在DIV和SPAN的区别问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”DIV和SPAN的区别”的疑惑有所帮助！接下来，请跟着小编一起来学习吧！

深入理解DIV和SPAN的区别

DIV 块元素，span是行内元素

Span的宽度依照包围着对象的宽度而定，所以不能用宽度属性width设置span标记内对象的宽度，但可以设置span的margin（外补丁）值，span中的对象位置与父对象的距离

l  Div  块元素        100%         会换行

l  Span 行内元素  文本实际长度

l  块元素和行内元素也不是一成不变的，通过定义CSS的display属性值可以互相转化

Eg:#div{display:inherit;}   #span{display:block;}

何时用span

在同一行中，想对其中文字或图片设置样式，而又不要该行文本换行的条件下，使用span标记

到此，关于“DIV和SPAN的区别”的学习就结束了，希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习，快去试试吧！若想继续学习更多相关知识，请继续关注亿速云网站，小编会继续努力为大家带来更多实用的文章！