Posted on | by liu
css火焰动画,html css表格代码,CSS样式里面黑色,css 跟随滑轮移动按钮,css鼠标经过盒子向上滑动,有css的功能的函数,css的规则定义中文版如果大家希望这段文本垂直排列,可以使用以下 CSS 代码。
p {
writing-mode: vertical-rl;
text-orientation: mixed;
}
text-orientation 属性
text-orientation 属性用于定义文本在 writing-mode 方向上的方向。通常,中文的垂直排版是从上到下,英文的垂直排版是从下到上。大家可以使用 text-orientation 属性控制文本的排列方向。
例如,大家可以使用以下 CSS 代码将中文文本从上到下垂直排列,英文文本从下到上垂直排列。
p {
writing-mode: vertical-rl;
text-orientation: mixed;
}
p:first-child {
text-orientation: upright;
}
p:last-child {
text-orientation: sideways;
}
注意,text-orientation 属性的值在不同浏览器中可能有所不同。在一些浏览器中,例如 Chrome 和 Safari,upright 值和 sideways 值并不支持。
总结
在 CSS 中,大家可以使用 writing-mode 属性和 text-orientation 属性实现字体的垂直排版。writing-mode 属性用于定义文本的书写方向和文本流方向,可以设置为 vertical-rl 或 vertical-lr。text-orientation 属性用于定义文本在 writing-mode 方向上的方向,可以设置为 upright、sideways 或 mixed。