智火营销资讯

打造一流的网络营销产品与服务,探索最前沿的技术创新
主页 > 官方博客 > Html中行内元素与块级元素的区别

Html中行内元素与块级元素的区别

我们在编写前端代码是总是会发现在给span标签写宽度与高度时经常是没有效果的,在百度上搜索时才知道span标签属于行内元素,需要将span转成块级元素才能显示css设置的宽高。

什么是行内元素呢?

css display属性为inline的元素是行内元素,我们通常用的有 span,a,b,em,i 等。

什么是块级元素呢?

css display属性为block的元素是行内元素,我们通常用的有 div,p,h1-6,li 等。

行内元素的特点为元素排列在一行,不会自动换行,可设置宽度和高度以及外边距和内边距的所有样式

块级元素的特点为能够自动换行开启新的一行,能够设置宽高,margin和padding对上下左右四个方向设置均有效。
© 2011-现在 智火营销 版权所有 沪ICP备12003050号-10
Powered by HuoCMS

沪ICP备12003050号-10

© 2011-现在 智火营销 版权所有