Question

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

<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

段落应保留在页面的中心，线宽不应超过一定宽度。

您可以在段落上使用margin:auto和width / max-width。这将使它成为中心。

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

JSfiddle Demo

减小段落的宽度以适应更宽的屏幕

1 个答案: