码迷,mamicode.com
首页 > 其他好文 > 详细

如何让没有空格连续字母换行

时间:2016-01-14 06:12:56      阅读:157      评论:0      收藏:0      [点我收藏+]

标签:

如何让没有空格连续字母换行:
在默认状态下,连续的字母是无法换行的,会冲出元素的边界,下面介绍一下如何让这样的字符串实现换行。
代码如下:

<!DOCTYPE html>    
<html>    
<head>    
<meta charset=" utf-8">    
<meta name="author" content="http://www.softwhy.com/" />  
<title>蚂蚁部落</title>  
<style type="text/css">
div{
  width:100px;
  height:100px;
  background:green;
  word-break:break-all;
}
</style>
</head>  
<body>  
<div>AAAAAAAAAAAAAAAAAAAAAAAAAA</div>  
</body>  
</html>

上面的代码实现了我们的要求,可以让连续的字母换行。

原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=14053

更多内容可以参阅:http://www.softwhy.com/divcss/

如何让没有空格连续字母换行

标签:

原文地址:http://www.cnblogs.com/nulifendou/p/5129019.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!