中文的两端对齐效果实现实例页面

展示

代码

• HTML：

  <strong>居左对齐</strong>
  <p>这是一段临时想出来的文案，其中可能参杂了几个英文单词，例如CSS，例如JS等。</p>
  <strong>两端对齐</strong>
  <p class="justify">这是一段临时想出来的文案，其中可能参杂了几个英文单词，例如CSS，例如JS等。</p>

• CSS：

  p {
    padding: 10px 20px;
    background-color: #f0f3f9;
  }
  .justify {
    text-align: justify;
    text-justify: inter-ideograph;
  }