CSS------当内容超出div宽度后自动换行和限制文字不超出div宽度和高度

如图:

 

1.自动换行

<div style="widht:100%;height:100%;word-wrap: break-word">111111111111111111111111</div>

2.限制宽高度

<div style="widht:100px;height:100px;overflow:hidden">11111111111111111111111111</div>

 (注意：如果div放在li中还需要加上display：inline-block属性)