【css】长文本左侧显示省略号

classnames:

https://blog.csdn.net/duola8789/article/details/71514450

react普通样式 行内样式：

https://blog.csdn.net/pcaxb/article/details/53896661

 

https://blog.csdn.net/renfufei/article/details/85159967

 

.ellipsize-left {
    /* 常规的CSS省略 */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 200px;

    /* 让省略符显示在文本左侧 */
    direction: rtl;
    text-align: left;
}