61,112
社区成员
发帖
与我相关
我的任务
分享css文本自动换行
<html>
<head>
<style>
article{
width:600px;
height:200px;
display:-moz-box;
display:-webkit-box;
display:box;
}
.sectionOne{
background:orange;
-moz-box-flex:3;
-webkit-box-flex:3;
box-flex:3;
}
.sectionTwo{
background:purple;
-moz-box-flex:2;
-webkit-box-flex:2;
box-flex:2;
}
.sectionThree{
-moz-box-flex:1;
-webkit-box-flex:1;
box-flex:1;
background:green;
}
</style>
</head>
<article>
<section class="sectionOne">010000000000000000000001111111111111111</section>
<section class="sectionTwo">02</section>
<section class="sectionThree">03</section>
</article>
<html>
sectionOne里面的文字怎样自动换行？word-break: break-all;和word-wrap: break-word;都不起作用
...全文
请发表友善的回复…
发表回复
slwsss 2014-12-05
- 打赏
- 举报
定义宽度
.sectionOne{
background:orange;
-moz-box-flex:3;
-webkit-box-flex:3;
box-flex:3;
width:80px;
word-break:break-all;
}
