html - 段落宽度不变。文本对齐 : justify;

Question

我希望我的文本段落大约为 800 像素，并且当我缩小浏览器宽度时我想避免使用底部滚动条，我通过以下标记实现了 800 像素宽度:

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

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

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

Demo