<pre>标签的对齐
<!doctype html> <html> <head> <meta charset="UTF-8" /> <title></title> </head> <body> <h1>敕勒歌</h1> <h3>朝代：南北朝</h3> <h4>作者：佚名</h4> <p> 敕勒川，</p> <p> 阴山下。</p> <p> 天似穹庐。</p> <pre> 笼盖四野。 天苍苍， 野茫茫。 风吹草低见牛羊 </pre> </body> </html> 为什么<pre>标签里我这样子3行文字才是居中对齐？
4
收起
正在回答
1回答
你好同学，首先<pre> 标签中的文字是有4行不是3行哦。<pre> 标签会把文本中的空格和换行符都保留下来的，代码中几行文字没有居中，如下：
所以页面中显示的也不会居中：
建议把空格再删除一些，老师给你修改了一下，如下：
<!doctype html>
<html>
<head>
<meta charset="UTF-8" />
<title></title>
</head>
<body>
<h1>敕勒歌</h1>
<h3>朝代：南北朝</h3>
<h4>作者：佚名</h4>
<p> 敕勒川，</p>
<p> 阴山下。</p>
<p> 天似穹庐。</p>
<pre>
笼盖四野。
天苍苍，
野茫茫。
风吹草低见牛羊
</pre>
</body>
</html>
祝学习愉快，望采纳。
相似问题
登录后可查看更多问答，登录/注册
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星