CSS direction与文字溢出打点效果实例页面

展示

代码

• HTML：

  <p class="ell" dir="ltr">开头是我，这是中间，然后就是结束</p>
  <p class="ell" dir="rtl">开头是我，这是中间，然后就是结束</p>

• CSS：

  .ell {
      width: 14em;
      white-space: nowrap; 
      text-overflow: ellipsis;
      overflow: hidden; 
  }