段落宽度不会改变。 text-align：justify;

Question

我希望我的段落文本大约为800px，当我使浏览器宽度变小时，我想避免使用底部滚动条，我使用此标记实现800px宽度：

CSS

.center-justified { 
  text-align: justify;
  margin: 0 auto;
  width: 800px;
}

HTML

<p class="center-justified"> Lot of Text </p>

但是当我更改浏览器宽度时，文本段落不会流动。

我使用它的另一种方法是当我使浏览器宽度变小时使文本段落流动，但我不能使它成为800px，它使用整个页面。

我的标记，CSS

p.center { text-align: center; text-align: justify; }

HTML

<p class="center"> Lot of Text </p>

如果我只使用<p> Lot of Text </p>，则输出与上面相同。

以下是我使用的整个标记：jsfiddle

Answer 1

如果将最大宽度设置为800px。如果可能的话，您将能够获得800px的宽度，否则它将占用最大空间。

.center-justified { 
  text-align: justify;
  margin: 0 auto;
  max-width: 800px;
}

<强> Demo