[分享]css中字的排序

CSS中的字排序是一个非常有用的技巧，它可以让文字按照我们的期望顺序进行排列。CSS的字排序有两种方式：文本堆叠和文本方向。下面我们将具体介绍这两种方式的用法。/ 文本堆叠 / p { fontsiz...

CSS中的字排序是一个非常有用的技巧，它可以让文字按照我们的期望顺序进行排列。CSS的字排序有两种方式：文本堆叠和文本方向。下面我们将具体介绍这两种方式的用法。

/* 文本堆叠 */
p {
 font-size: 20px;
 writing-mode: vertical-rl;
 text-orientation: mixed;
} 

文本堆叠是指让文字以垂直的方式堆叠显示。为了实现这个效果，我们需要使用writing-mode属性来指定文字的排列方向，这里我们选择vertical-rl，表示文字从上到下排列，并将文本的布局方向设为mixed，表示文字从右到左排列。此时，我们可以看到文字已经以垂直的方式进行了排列。

/* 文本方向 */
p {
 writing-mode: vertical-lr;
 text-orientation: upright;
} 

文本方向是指让文字按照我们期望的方向进行排列。为了实现这个效果，我们可以使用writing-mode属性，这里我们选择vertical-lr，表示文字从下到上排列，并将文本的方向设为upright，表示文字从上往下排列。这样，文字就按照我们预期的方向进行了排序。