关于使用pre的问题

关于使用pre的问题

在使用pre时,我将自己word文件中的内容复制粘贴进来,但是由于复制的内容是很长的两端,虽然在word中会自行分行,但是复制到pre中时,会只出现特别长的两段,需要自己手动一行一行的按“enter”来分行,觉得非常麻烦,有没有什么解决办法?

而且发现pre中的内容width过长,会直接无视table/tr/td中的宽度设置,直接变长

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

就是图上这种文字,我复制进来,我必须自己一个个敲“enter”分行。

正在回答

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

1回答

同学你好!

使用pre标签就是会出现这种情况的~
有两种方法:

(1)在需要换行的地方加上<br />  ,<br />标签标示换行哦~

(2)加上这一段代码:让pre强制换行

pre{
white-space: pre-wrap;
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
word-wrap: break-word;
}

如果帮助到了你 欢迎采纳 祝学习愉快~

  • Rockets总冠军 提问者 #1
    谢谢回复,请问一下这段代码是加在哪里,起到什么作用?
    2019-05-14 11:45:04
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

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

在线咨询

领取优惠

免费试听

领取大纲

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