Heim >Web-Frontend >HTML-Tutorial >如何让没有空格连续字母换行_html/css_WEB-ITnose
如何让没有空格连续字母换行:
在默认状态下,连续的字母是无法换行的,会冲出元素的边界,下面介绍一下如何让这样的字符串实现换行。
代码如下:
<!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/