css行元素跟块元素有哪些相同点

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

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

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

块元素的特点：

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

  立即学习“前端免费学习笔记（深入）”；

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

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

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

行元素的特点：

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

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

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

  

  腾讯元宝

  腾讯混元平台推出的AI助手

  223

  查看详情

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

行元素跟块元素的相同点

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

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

块元素与行元素的区别

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

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

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

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

更多编程相关知识，请访问：编程课程！！

以上就是css行元素跟块元素有哪些相同点的详细内容，更多请关注php中文网其它相关文章！