長英文換行
在css中 div，p，h標籤等遇到連續的大段英文和數字時候，並不會按照正常情況下自動隨盒子寬度限制而自動換行。
解決辦法： word-wrap:break-word
解釋：使用break-word時，是將強制換行。
參考鏈接: css word-break
<div class="demo">dsfaskfhsdfljksdhfkjsdhfkjlskflhsdfjkhsdjfkhsdlfkjhsdfsadkljfhsadkjfhskdjsadfasdfsadfsadfasdfsadfsdfsadfsadfsfsdfasfsadfsdf</div>
// css.demo {
width: 200px;
height: 50px;
line-height: 50px;
word-wrap: break-word;
}長中文不換行
有時候碰到某段長中文，不想照正常情況下自動隨盒子寬度限制而自動換行。
解決辦法： white-space:nowrap
解釋：使用white-space時，是將強制不換行。
參考鏈接: css white-space
<div class="demo">
富強、民主、文明、和諧，倡導自由、平等、公正、法治，倡導愛國、敬業、誠信、友善
</div>
// css.demo {
width: 200px;
height: 50px;
line-height: 50px;
white-space:nowrap
}
作者：littlelights
鏈接：https://www.jianshu.com/p/20f91c243fed
來源：簡書
簡書著作權歸作者所有，任何形式的轉載都請聯繫作者獲得授權並註明出處。