css文字强制换行的方法，用word-wrap属性
在默认情况下，如果文本的内容超过某个div块的宽度的话，就会发生自动换行，因为div块的white-space属性的默认值是normal。但是也有两种情况：
1、如果div块里是一串的文字内容，那么到了div块的width限制时，会自动换行。
2、如果div块里一串没有空格的字母或者数字的时候是那就不换行了，而是直接溢出div块。这时就要考虑css文字强制换行了。
那CSS样式怎么控制文字的强制换行？
这时候我们需要用到word-wrap属性，还有一个属性word-break也能够解决换行问题，但是它的浏览器兼容性不好，并且还有可能导致其他问题，所以这里不建议使用。
word-wrap的break-word属性值可以导致换行，一般说来如果一个单词比较长的话，行末的空间不足以容纳这个单词就会产生换行，而不是将一个单词截断，word-break的break-all属性值可以截断一个单词
<style type="text/css">.first
{
width:120px
height:60px
border:1px solid blue
word-wrap:break-word
}
.second
{
width:120px
height:60px
border:1px solid red
word-break:break-all
}
一、使用writing-mode属性语法：writing-mode:lr-tb或writing-mode:tb-rl参数：1、lr-tb：从左向右，从上往下2、tb-rl：从上往下，从右向左运行代码发现，ie显示正常，火狐却不行，所以不建议使用writing-mode属性，下面使用模拟方法实现。 二、模拟文字竖排代码：ul{width:100pxheight:80pxoverflow:hiddenlist-style:none}ul li{float:rightdisplay:inlinemargin-left:4pxwidth:14pxheight:100pxfont-size:14pxword-wrap:break-wordword-break:nomal}此方法让li右浮动，设置li宽度和字宽度一样都是14px，这样就自动换行了。另外，“word-wrap:break-wordword-break:nomal”这句实现标点自动换行（连续字符自动换行）。<p class="main"><span class="title">内容：</span>
<span class="content">中国人民万岁中国人民万岁中国人民万岁中国人民万岁</span>
</p>
css:
.main{clear:bothoverflow:hiddenwidth: 200px}
.title,.content{float:leftline-height:20pxdisplay: inline-block}
.title{width: 50px}
.content{width: 150px}
浮动加设定固定宽就够了
