P标签输入一段英文字母为什么网页就不会根据大小自动换行了
来源:3-17 标题和段落标签
不厌_
2021-05-12 11:38:13
问题描述:
如题,p标签输入一段中文后,内容会根据网页大小自动换行。一段英文文本也是可以自动换行的。但是输入一串英文字母就是网页显示一整行,这是怎么回事?想了解一下。
相关代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>北京简介</title>
</head>
<body>
<h1>北京简介</h1>
<h2>北京历史</h2>
<p>asdasdsad,dasdasdzc.adasdaasdaddsasadzcxa,dsaaaaaa.aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa,aaaaaaaaaaaaaaaaa.dasdasdsadsazcxc,adssdsadsa.qweeadsadad,qweqeeeqewqedasdasd.</p>
<h2>北京旅游景点</h2>
</body>
</html>
相关截图:

尝试过的解决方式:
尝试在一串字母中间加空格就可以根据网页大小自动换行了,这是什么原因呢?
相关截图:

1回答
同学你好,在HTML中连续输入一长串英文字母时,且字母之间没有空格,就会被解析为一个单词,也就不会自动换行显示。
如果在一串英文字母之间加入空格的话,就相当于把这串英文字母分隔成了多个单词,当网页放不下时,单词之间就会换行显示。
在css中给我们提供了换行属性(如:word-break、word-wrap)来解决这个问题。目前阶段同学还没有学习css的知识,大概了解即可。
祝学习愉快!
相似问题