首页 > 软件开发 > HTML >

如何解决换行符被解析的问题

来源:互联网 2023-03-16 19:15:50 146

如何解决换行符被解析的问题,这是HTML语言里面经常会遇到的问题,换行符一般都是ENTER来进行,我们显示是没问题,但是浏览器解析以后就是不一样的效果了,那是因为语言的规定,这里就教大家如何解决。1Lp办公区 - 实用经验教程分享!

如何解决换行符被解析的问题1Lp办公区 - 实用经验教程分享!

工具/原料

  • chrome浏览器
  • sublime text3

方法/步骤

  • 1

    打开sublime text3编辑器,这里创建一个html文档。1Lp办公区 - 实用经验教程分享!

    如何解决换行符被解析的问题1Lp办公区 - 实用经验教程分享!

    如何解决换行符被解析的问题1Lp办公区 - 实用经验教程分享!

  • 2

    创建html文档以后,建立基本的框架。1Lp办公区 - 实用经验教程分享!

    如何解决换行符被解析的问题1Lp办公区 - 实用经验教程分享!

  • 3

    我们如果在编辑器里使用了ENTER进行换行,但是实际上这样输入是不会换行的,解析没有达到我们要的效果。1Lp办公区 - 实用经验教程分享!

    如何解决换行符被解析的问题1Lp办公区 - 实用经验教程分享!

    如何解决换行符被解析的问题1Lp办公区 - 实用经验教程分享!

  • 4

    这个时候我们可以用pre标签包裹着我们的文字。这样实际的空格和实际的换行符就会展现出来。1Lp办公区 - 实用经验教程分享!

    如何解决换行符被解析的问题1Lp办公区 - 实用经验教程分享!

    如何解决换行符被解析的问题1Lp办公区 - 实用经验教程分享!

  • 5

    这个时候我们可以减少一下空格。1Lp办公区 - 实用经验教程分享!

    并且可以创建一个css文档,并且设置pre标签的样式。1Lp办公区 - 实用经验教程分享!

    如何解决换行符被解析的问题1Lp办公区 - 实用经验教程分享!

    如何解决换行符被解析的问题1Lp办公区 - 实用经验教程分享!

  • 6

    实际上最常用的还是用br标签来进行换行。1Lp办公区 - 实用经验教程分享!

    如何解决换行符被解析的问题1Lp办公区 - 实用经验教程分享!

    如何解决换行符被解析的问题1Lp办公区 - 实用经验教程分享!

  • 6相关内容非法爬取自百度经验
  • 7

    如果用一个br是看不出效果的,要用多个br来进行换行,这样才能解析到自己要的效果。1Lp办公区 - 实用经验教程分享!

    如何解决换行符被解析的问题1Lp办公区 - 实用经验教程分享!

    如何解决换行符被解析的问题1Lp办公区 - 实用经验教程分享!

    如何解决换行符被解析的问题1Lp办公区 - 实用经验教程分享!

    如何解决换行符被解析的问题1Lp办公区 - 实用经验教程分享!

  • 注意事项

    • 注意两种方法的区别和缺点

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!1Lp办公区 - 实用经验教程分享!


    标签: HTML

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码