CSS段落換行到下一行

Question

我想在瀏覽器窗口縮小時將段落文本換行到下一行。目前，它保持在同一個地方，並且當瀏覽器窗口縮小到段落文本之外時出現水平滾動條。

我試過CSS3文本包裝屬性，但它沒有工作，或者我沒有使用它的權利。

Answer 1

變化這在你的CSS：

#header { 
background: url("http://www.domainandseo.com/portfolio/page-view/images/header-bg.jpg") no-repeat transparent; 
min-height: 109px; 
/* width: 928px; */// <-- remove this line 
} 

.header-content { 
bottom: 15px; 
clear: both; 
margin-left: 190px; 
position: relative; 
/* width: 106%; */// <-- remove this line 
} 

說明： 去除#header的width: 928px將導致頭部變得100%寬，這意味着「一樣寬的瀏覽器，因此收縮時，瀏覽器變得更小「。從#header-content中刪除width: 106%使其與母公司#header一樣寬。

附註：使用超過100％的寬度通常是一個壞主意，它們呈現奇怪的佈局問題，難以追蹤，通常意味着元素最終在視口之外，這幾乎總是不可取的。

Answer 2

您已將#header div設置爲固定寬度。如果您希望它使用瀏覽器進行包裝，請使用百分比設置寬度。