html - 为更宽的屏幕减小段落的宽度

Question

我已经做了一些研究，但找不到答案。当我超过浏览器的宽度时，我希望我在“关于页面”上的段落以一定的宽度停止。但是，当我应用宽度或最大宽度时，该段落只会粘在页面的左侧。有人可以帮我解决这个问题吗？

<div class="container-fluid">
    <section>
        <img src="img/Florian.jpg" alt="Florian" class="profilephoto">
        <div class="aboutme">
            <h3 class="text-center">About</h3>
            <p class="text-center primary">Blablabla</p>
        </div>
    </section>
</div>

Answer 1

The paragraph should remain in the center of the page and the line width should not exceed a certain width.

您可以在段落上使用 margin:auto 以及 width/max-width。这将使它居中。

.aboutme p {
  max-width: 80%; /* or your chosen width */
  margin: auto;
}

JSfiddle Demo