我想在瀏覽器窗口縮小時將段落文本換行到下一行。目前,它保持在同一個地方,並且當瀏覽器窗口縮小到段落文本之外時出現水平滾動條。CSS段落換行到下一行
我試過CSS3文本包裝屬性,但它沒有工作,或者我沒有使用它的權利。
我想在瀏覽器窗口縮小時將段落文本換行到下一行。目前,它保持在同一個地方,並且當瀏覽器窗口縮小到段落文本之外時出現水平滾動條。CSS段落換行到下一行
我試過CSS3文本包裝屬性,但它沒有工作,或者我沒有使用它的權利。
變化這在你的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%的寬度通常是一個壞主意,它們呈現奇怪的佈局問題,難以追蹤,通常意味着元素最終在視口之外,這幾乎總是不可取的。
您已將#header div設置爲固定寬度。如果您希望它使用瀏覽器進行包裝,請使用百分比設置寬度。
我爲標題使用了固定的背景圖像。當我將其轉換爲百分比,並且瀏覽器尺寸減小時,背景圖像似乎會被裁剪。任何解決方法? –
Google'CSS背景大小的封面' – crs1138
謝謝......這與使用固定寬度的容器作爲佈局原因的菜單完美結合。 –