<pre>标签里为什么用不了对齐属性值

<pre>标签里为什么用不了对齐属性值

<!doctype html>
<html>
<head>
    <meta charset="UTF-8" />
 <title></title>
</head>
<body>
 <h3 align="center">《早发白帝城》</h3>
 <pre align="center">朝辞白帝彩云间,千里江陵一日还。
两岸猿声啼不尽,轻舟已过万重山。</pre>
</body>
</html>

其中<pre>标签中的居中属性值无效

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

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

4回答
怎么都被占用了呢 2017-07-27 19:59:44

我也测试了一下你的代码,的确居中了呢。你换个浏览器试一试。

  • 提问者 k1ans #1
    我用edge的问题吗
    2017-07-28 18:14:06
  • 卡布琦诺 回复 提问者 k1ans #2
    edge的兼容性不好,因此没有实现居中,建议使用谷歌浏览器进行测试预览效果!
    2017-07-28 18:48:16
提问者 k1ans 2017-07-27 19:44:31
小丸子爱吃菜 2017-07-25 13:57:00

测试你的代码是没有问题的呀,有居中啊,你自己再试一下!

http://img1.sycdn.imooc.com/climg//5976dd9e0001855c19190179.jpg

  • 提问者 k1ans #1
    谢谢啊可是还是没有
    2017-07-27 19:41:26
lihuan1 2017-07-25 11:35:46

pre 元素可以定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符,也就是说会保留所包含内容在源代码中书写的格式,它没有align的属性,如果你想要实现四句古诗居中的效果,可以作为段落<p></p>来使用居中属性。不过如果你真的很想用<pre></pre>的话,可以写成如下形式:

<pre>

                                                                朝辞白帝彩云间,千里江陵一日还。

                                                                两岸猿声啼不住,轻舟已过万重山。

</pre>

。。。当然这样要自己手工加很多空格,浪费时间,而且不知会出现什么奇怪的状况,查错麻烦。

  • 提问者 k1ans #1
    只能这样子吗
    2017-07-27 19:41:57
  • lihuan1 回复 提问者 k1ans #2
    一般要求居中的话,我不太会想着用pre,之前看到你的问题我搜了下,发现pre除了width属性就没有别的属性(而且现在这个属性也不支持了),可以参考下这里https://www.w3cschool.cn/html5/html5-pre.html
    2017-07-28 17:24:24
  • 提问者 k1ans 回复 lihuan1 #3
    啊好谢谢啊
    2017-07-28 18:13:03
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

0 星
前端小白入门系列课程
  • 参与学习           人
  • 提交作业       11218    份
  • 解答问题       36713    个

从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

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