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设置为固定宽度。如果您希望它使用浏览器进行包装，请使用百分比设置宽度。