英文字母到标签边界不换行
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
.con{
width: 100px;
height: 100px;
background-color: aqua;
}
</style>
</head>
<body>
<div class="con">qwwrerhjftghfgjhfghfghfioghfffffffffhjj</div>
<div class="con">夯实法国军方规划分局超过汇丰回复</div>
</body>
</html>
为什么英文不换行,中文换行呢?
浏览器可以识别一个个汉字 而很难识别单词(而如果没有空格,会被认为是为是一个单词 不会把一个单词截断换行)而想要浏览器认识一个个的单词 就必须加空格
编辑器里面的空格是有特殊的语法含义的:文本分隔符
不论里面写几个空格 不代表就有几个空格间距 (他不是空格文本,它是文本分隔符)
回车会空格一样
<div class="con">qwwrer hjftghfgjh fghfghfi oghffff fffffhjj</div>
<div class="con">夯实法国军方规划分局超过汇丰回复</div>
展示空格文本(html编码)
代表一个空格
展示回车效果 换行
<br>