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>

相关截图:

http://img.mukewang.com/climg/609b4c2409aedec711340349.jpg

尝试过的解决方式:

尝试在一串字母中间加空格就可以根据网页大小自动换行了,这是什么原因呢?

相关截图:

http://img.mukewang.com/climg/609b4d3d09a6ac0e09460644.jpg

写回答

1回答

好帮手慕然然

2021-05-12

同学你好,在HTML中连续输入一长串英文字母时,且字母之间没有空格,就会被解析为一个单词,也就不会自动换行显示。

如果在一串英文字母之间加入空格的话,就相当于把这串英文字母分隔成了多个单词,当网页放不下时,单词之间就会换行显示。

在css中给我们提供了换行属性(如:word-break、word-wrap)来解决这个问题。目前阶段同学还没有学习css的知识,大概了解即可。

祝学习愉快!


0

0 学习 · 15276 问题

查看课程