1. 行元素与块元素的概念
在CSS中，元素可以分为两种：行元素（inline element）和块元素（block element）。行元素是指不独占一行的元素，它们在一行内按从左到右排列；而块元素是指独占一行的元素，它们每个都会新起一行。
行元素包括但不限于：span、a、strong、em、img、input等；块元素包括但不限于：div、p、h1-h6、ul、li等。
2. 行元素与块元素的相互转换
2.1 行元素转为块元素
行元素可以通过CSS的display属性来转为块元素。
使用display属性将行元素转为块元素的方法有两种：
方法一：display: block;
span {
display: block;
}
方法二：display: inline-block;
span {
display: inline-block;
}
2.2 块元素转为行元素
块元素可以通过CSS的display属性来转为行元素。
使用display属性将块元素转为行元素的方法有两种：
方法一：display: inline;
div {
display: inline;
}
方法二：display: inline-block;
div {
display: inline-block;
}
3. 行元素与块元素的居中
3.1 行元素的居中
行元素在一行内按从左到右排列，如果想让行元素在父容器内居中对齐，可以使用text-align属性。
.container {
text-align: center;
}
3.2 块元素的居中
块元素独占一行，如果想让块元素在父容器内水平居中对齐，可以给其设置一个固定宽度，并将左右外边距设置为auto。
.block {
width: 200px;
margin-left: auto;
margin-right: auto;
}
如果想让块元素在父容器内垂直居中对齐，可以使用flex布局或者使用position属性结合transform属性。
使用flex布局的方式如下：
.container {
display: flex;
align-items: center;
}
使用position属性结合transform属性的方式如下：
.block {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
4. 总结
行元素和块元素在CSS中是常用的两种元素类型。行元素通过display属性可以转为块元素，块元素通过display属性可以转为行元素。行元素的居中可以通过text-align属性实现，块元素的居中可以通过固定宽度和左右外边距设置为auto实现，或者使用flex布局和position结合transform来实现。掌握行元素和块元素之间的转换以及居中的方法，可以更好地掌握和应用CSS布局。