Question

CSS如何使中文自动换行？

相关代码：
.content p{
width:50px;
display:block;
text-indent:-999px;
font-size:20px;
color:#9F5F9F;
text-align:left;
font-weight:900;
margin:0px 1000px;
}
这是.html的
<div class="content view" id="last1" data-role='page'>
<div class="bg"></div>
<div class="page1pic3"></div>
<div id="page1pic1"></div>
<div id="page1pic2"></div>
<div id="page1pic4"></div>
<div class="content">
<h1>花朵图案连衣裙</h1>
<h2>选择</h2>
<h3>鲜艳的大图案</h3>
<p>颜色和花纹的视觉性让视线从四面分散开来，比起满满的小碎花图案，显瘦率更高。</p>

</div>
</div>
这是.css的
.content p{
width:50px;
display:block;
text-indent:-999px;
font-size:20px;
color:#9F5F9F;
text-align:left;
font-weight:900;
position:absolute;
left:1200px;
top:300px;
white-space:pre-line;
}

Answer 1

加上以下属性：
work-break:normal;
white-space:normal;

追问

还是没变化，我的文本全部都是中文。

追答

你把全部代码贴上来，不可能不换行，我一直都是这么用的。估计你是样式没写好，被其他样式覆盖了。
你单独建一个html文件，把上面的代码拷贝进去运行看看，是有换行的。

Answer 2

固定宽度就可以啦。

Answer 3

宽度，或者加PADDING。

Answer 4

设置一下宽度就可以了吧