位置: IT常识 - 正文
css 如何实现文本竖排、横排展示(css如何实现文字循环滚动左到右,再从右到左衔接循环)
编辑：rootadmincss 如何实现文本竖排、横排展示 writing-mode
本文链接地址:https://www.jiuchutong.com/zhishi/298679.html
转载请保留说明！
推荐整理分享css 如何实现文本竖排、横排展示(css如何实现文字循环滚动左到右,再从右到左衔接循环)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:css如何实现文字环绕,css如何实现文字的渐变颜色,css如何实现文字循环滚动,css如何实现文字左右循环滚动,css如何实现文字左右循环滚动,css如何实现文字左右循环滚动,css如何实现文字前面一条横线,css如何实现文字左右循环滚动,内容如对您有帮助，希望把文章链接给更多的朋友！
该属性定义了文本在水平或垂直方向上如何排布
writing-mode:horizontal-tb | vertical-rl | vertical-lr | sideways-rl | sideways-lr接下来和我一起看看各个属性值的用法吧！Go!
<style> .root { border: 1px solid green; width: 400px; height: 400px; writing-mode: horizontal-tb; }</style><div class="root">实践是检验真理的唯一标准 实践是检验真理的唯一标准 实践是检验真理的唯一标准 实践是检验真理的唯一标准</div>1、horizontal-tb由此我们可以看出，该属性其实就是文字从水平方向自左到右，垂直方向自上到下的默认排列方式
2、vertical-rl由此我们可以看出，该属性是将文字先从垂直方向自上到下进行排列，再从水平方向自右到左进行排列
3、vertical-lr由此我们可以看出，该属性是将文字先从垂直方向自上到下进行排列，再从水平方向自左到右进行排列
4、sideways-lr、sideways-rl由此我们可以看出，其实和 horizontal-tb 属性值排列效果一样，这里是因为浏览器兼容性的问题，所以没有排列出我们想要的效果，小伙伴们，可以自己试试哦~
上一篇：机器学习评估指标 - f1, precision, recall, acc, MCC
下一篇：【OpenCV-Python】：查找物体轮廓+计算轮廓面积、长度、重心(python的opencv)
