一、基本概念
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/zh-hant/n/255163.html
微信掃一掃 
支付寶掃一掃 