word-wrap:break-word;
大家可以使用CSS3的word-wrap属性来解决这个问题。该属性可控制长单词或URL地址是否可以在行内断开,以避免溢出到容器之外。设置值为break-word时,CSS会在单词之间断行,以适应元素的宽度。这样,即使单词非常长,也能够正常显示在大家的代码区中。
需要注意的是,word-wrap属性只有在浏览器支持该属性的情况下才能生效。如果您要支持更老的浏览器,请同时使用前缀版本的属性:-webkit-word-wrap/-ms-word-wrap/-moz-word-wrap。
-webkit-word-wrap:break-word;-ms-word-wrap:break-word;-moz-word-wrap:break-word;word-wrap:break-word;
通过使用word-wrap属性,大家可以避免CSS单词过长导致的不必要困扰,提高代码的可读性和维护性。