【笔记】css配置文字溢出时在左侧显示"..."

设置溢出文本显示…

.nowrap {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

让文本从左到右显示

.nowrap {
　　direction: rtl;
　　unicode-bidi: bidi-override;
}

颠倒文字顺序

const str = 'test'
const result = str.split('').reverse().join('')

纠正拷贝内容

以上文本在选中复制之后，剪切板中的文本是倒序的，需要通过oncopy重置一下正确的内容：

   <span
     onCopy={(event: any) => {
       if (event.clipboardData || event.originalEvent) {
         let clipboardData =
           event.clipboardData || window.clipboardData;
         clipboardData.setData("text/plain", result);
         event.preventDefault();
       }
     }}
   >
     {result.split("").reverse().join("")}
   </span>

refer: https://www.cnblogs.com/goloving/p/7056094.html