text-align在单词中对齐

Question

如何在整行宽度上使用text-align: justify;和文本换行符添加段落？

HTML默认是将行换行与左对齐。 我喜欢在整个线宽上抛出它，就像在单词和其他印刷软件中一样。

为了避免错过理解，澄清印刷的软包装和硬包装：

软包装：换行符 硬包装：段落中断和/和新段落的开始

对齐投射词

合理投放网络浏览器

<p style="text-align: justify; font-family: Arial, Lora, Open Sans;">This text has text-align: justify; in the web browser as you can see in this paragraph. Now soft wraps follow.<br>
    This is a test<br>
    to show how text<br>
    is cast in word<br>
    And the text is aligned to left in stead of casting it to 100% width.</p>

Answer 1

我认为问题是你的文字没有像在MS Word中那样用线分隔。

注意请注意，您无法证明CSS中的单行。要使用:after元素修复 hack ：

＆＃13;

＆＃13;

p {
  text-align: justify;
}

p:not(:last-child):after {
  content: "";
  display: inline-block;
  width: 100%;
}

＆＃13;

<div>
  <p>
  This is text
  </p>
  <p>
  to show how text
  </p>
  <p>
  is cast in word
  </p>
</div>

＆＃13;

＆＃13;

＆＃13;