css中行元素跟块元素有什么区别

这篇文章主要介绍css中行元素跟块元素有什么区别，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！

相同点：1、行元素和块元素都具有display属性，用于规定元素应该生成的框的类型；2、行元素和块元素都可以设置左右水平方向的margin和padding值。

本教程操作环境：windows7系统、css3版本，该方法适用于所有品牌电脑。

行元素（又名内联元素）跟块元素都是html规范中的概念。块元素(block element)一般是其他元素的容器元素，能容纳其他块元素或内联元素。内联元素(inline element)一般都是基于语义级(semantic)的基本元素，只能容纳文本或者其他内联元素。

块元素的特点：

• 总是另起一行（特立独行）

• 可以设置其宽度、高度，内外边距

• 在不手动设置宽度的情况下，宽度默认为所在容器的100%（即容器宽度）

• 可以容纳行内元素和其他块元素。

行元素的特点：

• 总是和相邻的行内元素在同一行上（物以类聚）

• 设置宽高无效，水平方向的padding和margin属性可以设置，但是垂直方向上的无效。

• 默认宽度是他自身内容的宽度。

• 行内元素只能容纳其他行内元素或者文本。

行元素跟块元素的相同点

1、都具有display属性，规定元素应该生成的框的类型。

2、都可以设置左右方向的margin和padding值

块元素与行元素的区别

1.块元素，总是在新行上开始；内联元素，和其他元素都在一行上。

2.块元素，能容纳其他块元素或内联元素；内联元素，只能容纳文本或者其他内联元素。

3.块元素中高度，行高以及顶和底边距都可控制；内联元素中高，行高及顶和底边距不可改变。

(这上面的区别，指的是默认情况下的，不包括CSS的刻意控制。也就是说当使用css控制时，块元素和内联元素的属性差异会越来越小。)

以上是“css中行元素跟块元素有什么区别”这篇文章的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注亿速云行业资讯频道！