Question

前端开发webstorm使用问题

div{
border: 1px solid #40a540;
height: 80px;
width: 100px;
}

<div>你好你好你好你好你好</div>
<div>aaaaaaaaaaaaaaaaaaa</div>
编辑器用的webstorm
为什么汉字显示会换行 字母显示不会换行直接超出div宽度

Answer 1

你说的这种情况 与代码编辑器没有关系。与标签属性有关，如果没有设置css样式强制不换行的话，不管是中文还是单词都会换行的。
而你的情况是字母之间没有空格，所以这一串a字母被认为成一个单词了，而一个单词是不会换行的，就像一个汉字不会被拆分一样，除非你给包裹div设置css样式word-break:break-all; ，也就是强制拆分单词换行，那么你的aaa就会换行了。
简单来说就是你上面是十个汉字，相当于十个单词，所以能换行，而后面的一串a相当于是一个单词，所以没有特殊说明，单词是不会拆分的。