主页 > 官方博客 > Html中行内元素与块级元素的区别

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

2020-09-15 20:17:49
2668
周志强

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

什么是行内元素呢？

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

什么是块级元素呢？

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

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

块级元素的特点为能够自动换行开启新的一行，能够设置宽高，margin和padding对上下左右四个方向设置均有效。