爲更寬的屏幕減少段落的寬度

我已經做了一些研究，但找不到答案。當我超過瀏覽器寬度時，我希望我的關於'關於頁面'的段落在特定寬度停止。但是，當我應用寬度或最大寬度時，段落只會粘貼到頁面的左側。有人可以幫我解決這個問題嗎？爲更寬的屏幕減少段落的寬度

<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>

來源

2016-05-17 Flolian

CSS媒體查詢？ –

我已經想到了。但是，我應該使用哪個選擇器和值？當我應用50％的寬度時，該段佔整個頁面的50％，並且不會居中。 – Flolian

那麼你想要哪個段落？ –

段應保留在頁的中心與線寬度不應該超過一定的寬度。

您可以在該段落中使用margin:auto以及width/max-width。這將以它爲中心。

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

JSfiddle Demo

來源

2016-05-17 10:39:51

爲更寬的屏幕減少段落的寬度

回答

相關問題