css文字过长超出时使用“...“替换超出文字

١١(❛ᴗ❛)吃吃吃!!  |  WEB  |  92  |  2021-03-08 09:28:43


  1. 超出文字以...替换:text-overflow: ellipsis;
  2. 超出文字不换行:white-space: nowrap;
  3. 隐藏超出的文字:overflow: hidden;
<p style="width: 100px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;">
    Long line with no breaks
</p>