长串英文字符之间没有空格，整串都显示在一行，撑破了div，甚至跑到屏幕外了，如何解决？
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>怎么让一长串英文字符自动换行？|www.125jz.com</title>
<style type="text/css">
div{ width:300px; border:1px solid #999;}
</style>
</head>
<body>
<div>artificialintelligenceartificialintelligenceartificialintelligenceartificialintelligence</div>
</body>
</html>
运行如下图所示：
解决办法： 设置一个css属性：word-break: break-all; 即可。
div{ width:300px; border:1px solid #999;word-break: break-all; }
125jz网原创文章。发布者：江山如画，转载请注明出处：http://www.125jz.com/4297.html
微信扫一扫 
支付宝扫一扫 