本文主要是介绍css中的direction实现文本排版布局次序颠倒️，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
css中的这个direction平时我还是很少用的，直到出现了这种情况……
上图：
公司的产品原型设计，要求超出部分前面显示省略号……
最开始的第一反应竟然是js，OMG，我不允许自己有这种邪恶的想法！！
带着这种不甘心，去google了一下，网上大部分说的都是后面显示省略号，但是，哎，还真有前面显示的～～～～～
方法如下：
.text {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: left;direction: rtl;
}
重点就在于这个direction和text-align
如果不用这两个属性，那实现的效果就是我们最常用的后面显示省略号了
这篇关于css中的direction实现文本排版布局次序颠倒️的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
