css文本自动换行_html/css_WEB-ITnose
- WBOY原创
- 2016-06-24 11:52:16859浏览
<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;都不起作用
回复讨论(解决方案)
定义宽度
.sectionOne{
background:orange;
-moz-box-flex:3;
-webkit-box-flex:3;
box-flex:3;
width:80px;
word-break:break-all;
}
声明：
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn