老师,想问一下,<pre></pre>这个预格式标签中的文字怎么居中

老师,想问一下,<pre></pre>这个预格式标签中的文字怎么居中

<!doctype html>
<html>
<head>
 <title>敕勒歌</title>
 <meta charset="utf-8">
</head>
<body>
 <h1 align="center">敕勒歌</h1>
 <h2 align="center">朝代:南北朝</h2>
 <h3 align="center">作者:佚名</h3>
 <p align="center">&nbsp;敕勒川,<br/>&nbsp;阴下山,<br/>&nbsp;天似穹窿,<br/>
  </p>
<pre>
 笼盖四野。
  天苍苍,
  野茫茫。
风吹草低见牛羊。
</pre>
</body>
</html>

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

4回答
提问者 加菲野狼 2019-03-22 11:06:03

要的是那种效果

提问者 加菲野狼 2019-03-22 11:05:45

我的和老师你的一样,用ie11测试的,我一会儿忙完了,截个图你看一下

好帮手慕糖 2019-03-22 11:01:23

同学你好,这里使用谷歌浏览器进行测试的哦,同学在回复中粘贴的代码,导致pre标签内容在一行,所以这里是用了问题中的代码,效果与代码如下:

http://img1.sycdn.imooc.com//climg/5c944fae0001bc4902940351.jpg

http://img1.sycdn.imooc.com//climg/5c944fea000197d209730565.jpg

同学可以查看下,想要的效果是这个吗?若不是的话,可以详细的描述下哦。

祝学习愉快!

好帮手慕糖 2019-03-22 10:41:43

同学你好,也可以给其标签直接添加align属性哦,例:

http://img1.sycdn.imooc.com//climg/5c944b55000186ea03560154.jpg

希望能帮助到你,欢迎采纳。

祝学习愉快!

  • 提问者 加菲野狼 #1
    我就是试过的不行,所以才问的, <!doctype html> <html> <head> <title>敕勒歌</title> <meta charset="utf-8"> </head> <body> <h1 align="center">敕勒歌</h1> <h2 align="center">朝代:南北朝</h2> <h3 align="center">作者:佚名</h3> <p align="center">&nbsp;敕勒川,<br/>&nbsp;阴下山,<br/>&nbsp;天似穹窿,<br/> </p> <pre align="center"> 笼盖四野。 天苍苍, 野茫茫。 风吹草低见牛羊。 </pre> </body> </html>
    2019-03-22 10:54:58
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师