一、基本概念
csswriting-mode属性决定了文本在垂直或水平方向上的排布方式。
它有四个可能的值：horizontal-tb、vertical-rl、vertical-lr和sideways-lr，分别指代水平从左到右、垂直从右到左、垂直从左到右和倾斜排列。
其中，vertical-rl和vertical-lr通常称为竖排模式，sideways-lr通常用于横排排版的情况下商品名称等标签的排列。
二、水平方向的排列方式
在水平排列的情况下，文本的行为行内元素，排列时会遵循常见的左对齐、右对齐、居中等排版方式。
在以下的例子中，我们将一个块级元素设置为inline-block，并通过text-align属性来控制其中文本的对齐方式。注意，我们设置了width属性的值，以便让这个块级元素在水平方向上占据一定的空间。
.block {
display: inline-block;
width: 200px;
height: 200px;
background-color: #eee;
text-align: center;
}
水平排列方式示例
原创文章，作者：小蓝，如若转载，请注明出处：https://www.506064.com/n/255163.html
微信扫一扫 
支付宝扫一扫 