css中横排 |css的空格符

.container {
display: flex;
flex-wrap: wrap;
}
.item {
width: 200px;
height: 150px;
margin: 10px;
}

上述代码是使用flexbox实现横排的例子。container元素使用display: flex属性，将子元素进行横排。flex-wrap属性定义当一行排满后，是否自动换行。item元素设置宽、高和外边距，让横排看起来整齐。

使用inline-block也可以实现横排，但需要针对间隔和对齐方式做一些调整。

.container {
text-align: center;
}
.item {
display: inline-block;
width: 200px;
height: 150px;
margin: 10px;
vertical-align: top;
}

上述代码是使用inline-block实现横排的例子。container元素的text-align属性设置为center，使得子元素在一行水平居中。item元素设置为inline-block后，width、height和margin属性同样可以控制排版，vertical-align属性设置为top，让多个元素根据顶端对齐。