首页 > 其他分享 >html换行的几种方式

html换行的几种方式

时间:2024-01-11 14:35:40浏览次数:40  
标签:换行符 示例 换行 标签 js html 几种

建议:不管采用哪种方式,就单一的选择一种,尽量保持编码的一致性,在写js处理页面的时候,也方便。

html换行:<br>标签

<br>标签是最简单的换行符,示例:

<div> 
这是一段换行的示例。
这是<br>一段换<br>行的示例。
</div>

 

使用<p></p>进行html的换行。

在一些富文本编辑器里,换行用的并不是<br>标签,而是<p></p>标签,<p></p>也能实现换行的效果。

比方CKEditor4中,随便敲一个换行,源码都是

<p>&nbsp;</p>

这样的好处,正如开头讲的,方便js进行html页面的文本处理。

所以,再次建议保持编码的统一性。

 

<pre>标签可以保留文本原有的空白符(空格和换行符)。

但不建议使用,因为<pre>标签,会在其他譬如插入代码的场景使用,如果有插入代码的需求,跟文本换行混在一起,杂乱无章,所以不推荐使用。

blessingofwisdom.com

标签:换行符,示例,换行,标签,js,html,几种
From: https://www.cnblogs.com/coding8832/p/17958505

相关文章

  • Python Flask html 模板的继承
    前言全局说明一、安装flask模块官方源:pip3installflask==2.3.2国内源:pip3installflask==2.3.2-ihttp://pypi.douban.com/simple/--trusted-hostpypi.douban.com以上二选一,哪个安装快用哪个flask安装时间2023-11更多国内源:https://www.cnblogs.com/wutou......
  • vscode实现末尾加分号;然后自动换行
    个人在敲js代码的时候会经常碰到写完一行,鼠标光标还在小括号内,然后还要按end键加分号(本人习惯写分号,就算有eslintQ-Q),然后再回车换行,感觉这样很麻烦,研究了许久得出了快捷键的设置方法:1.先安装插件multi-command2.文件-》首选项-》键盘快捷方式-》右上角打开键盘快捷方式(小图标)3......
  • html5和css3有什么新特性
    Laravel是一个流行的PHP框架,它具有出色的可测试性,可以帮助开发人员在更短的时间内编写可靠的代码。但是,即使使用了这个框架,也可能会出现测试覆盖率较低的情况。测试覆盖率是指代码中已由测试案例覆盖的部分比例。测试覆盖率越高,代码质量越高。在本文中,我们将分享几种技巧,帮助您提......
  • 常见的几种数据同步方案
    常见的几种数据同步方案微微一笑 码易有道 2024-01-0716:25 发表于北京关键词:数据同步、数据异构、数据迁移引言  当今时代,数据是企业运营的核心。随着业务的扩张和用户规模的增加,确保不同部分之间的数据一致性、实时性和可靠性变得尤为关键。本文将探讨几种常见的数据同步......
  • rm -rf dir删除不了的几种情况
    我勒个去!root用户通过rm-rf竟无法删除文件了!原创 浩道 浩道Linux 2024-01-0907:50 发表于广东关注上方浩道Linux,回复资料,即可获取海量Linux、Python、网络通信、网络安全等学习资料!前言大家好,这里是浩道Linux,主要给大家分享Linux、Python、网络通信、网络安全等相......
  • sqlserver 查询结果赋值到Excel会出现换行
    SELECTREPLACE(MaterialCode,CHAR(13)+CHAR(10),''),REPLACE(MaterialCode,CHAR(13),''),REPLACE(MaterialCode,CHAR(10),'')FROM#MeetingPlan2023whereisnull(MaterialCode,'')!=''andID=22264 SELECTREP......
  • HTML+CSS+JS 实现苹果手表表盘
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>仿苹果手表表盘</title><......
  • 前端三剑客——HTML5+CSS3+JavaScript
    核心技术●实战训练营●项目实战(微视频版)  《前端三剑客——HTML5+CSS3+JavaScript》采用“核心技术→实战训练营→企业级项目实践”的结构和“由浅入深,由深到精”的模式进行讲解。  全书科学设置七大阶段由浅入深循序渐进,为解决实际问题而生。第一阶段、第三阶段、第五阶段......
  • 248-html中的DOMContentLoaded事件
    DOMContentLoaded事件在HTML文档解析完成,并且所有的DOM元素已经创建完成,但是在页面的样式表、图像和子框架之类的外部资源加载完成之前触发。这个事件通常用于在页面完全加载之前执行一些JavaScript代码,而无需等待其他资源的加载。DOMContentLoaded事件相较于load事件而言......
  • 几种常见的色彩空间
    几种常见的色彩空间RGBRed红色Green绿色Blue蓝色YCbCrY为颜色的亮度成分、而CB和CR则为蓝色和红色的浓度偏移量成份HSVHue色调Saturation饱和度V表示色彩的明亮程度V为RGB中maxCMYCyan青色Magenta洋红Yellow黄色CMYKCyan青色Magenta洋红Yellow......