html换行标签是什么?

html换行标签是什么?

html换行标签是<br/>,常常我们在需要手动换行的地方,加入<br />即可实现内容换行。

示例:

<p class="p">这还是测试文字这还是测试文字这还是测试文字
这还是测试文字这还是测试文字这还是测试文字这还是测试文字
这还是测试文字这还是测试文字这还是测试文字这还是测试文字
这还是测试文字这还是测试文字这还是测试文字这还是测试文字
这还是测试文字这还是测试文字这还是测试文字这还是测试文字
这还是测试文字这还是测试文字这还是测试文字这还是测试文字
这还是测试文字这还是测试文字</p>
.p{
    display: block;
    width: 200px;
    white-space: nowrap;
    border: 1px solid #000;
}

无换行效果:(推荐学习:HTML教程

Snipaste_2020-01-06_13-13-51.jpg

添加<br/>强制换行标签

<p class="p">这还是测试文字这还<br/>是测试文字这还是
测试<br/>文字这还是测试文<br/>字这还是测试<br/>文字
这还是测试文字这还是<br/>测试文字这还是测试文字这还
<br/>是测试文字这还是测试<br/>文字这还是测试文字<br/>
这还是测试文字这还<br/>是测试文字这还是测试文字这还是
测试文字这还是测试文<br/>字这还是测试文字这还<br/>是测
试文字这还是测试文<br/>字这还是测试文字这还是测试文字
这还是测试文字<br/>这还是测试文字<br/>这还是测试文字这
还是测试文字</p>

<br/>实现了换行效果:

Snipaste_2020-01-06_13-16-02.jpg

Image placeholder
前端答疑
未设置
  35人点赞

没有讨论,发表一下自己的看法吧

推荐文章
html和css不换行代码是什么?

html和css不换行代码是什么?一、HTML不换行代码:在网页排版布局中比如文章列表标题排版,无论多少文字均不希望换行显示,需要强制在一行显示完内容。这就可以nobr标签来实现。语法:内容不换行内容

HTML文本标签与格式标签笔记

用画图工具量出坐标,通过左上角的点和右下角的点相连

innerHTML与jquery里的html()区别?

innerHTML与jquery里的html()区别?●html()可以设置tbody、tr这些只读标签,而innerHTML在低版本IE下不行;jQuery的html()做了些容错处理,原生的Dom

使用html-webpack-plugin对HTML文件进行预处理

一、前言先整理一波之前和webpack相关的文章: 使用Webpack对CSS文件进行后处理 基于Webpack的CSSSprites实现方案 Stylus系列——webpack-spritesmit

html转pdf工具 --- wkhtmltopdf

课程推荐:web全栈开发就业班--拿到offer再缴学费--融职教育 html转pdf工具---wkhtmltopdf [https://wkhtmltopdf.org/wkhtmltopdf htt

jquery text() val() html()之间的区别是什么?

jquerytext()val()html()之间的区别是什么?●text()获取元素内的文本,相当于js中的innerText●val()获取表单元素的值,相当于js中的input.value●ht

html5是什么?

html5是什么?万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言(HTML)的第五次重大修改。本次修改后的标准我们就称之为html5。HTML5是构建Web内容的一种语言描述方式。HTM

html5 css3是什么?

html5和css3是什么?HTML5和CSS3是HTML和CSS的最新版本。HTML为构成网页的主要语言。通过这种语言,我们可以向计算机说明网页格式、内容、显示效果等等。CSS则是专门用来控制网页显

html5不常用标签应用场景

divpspanuldlollidtddstrongb现在都已经是9102年了,html5已经相当成熟标准了,为什么在布局的时候不用写html5提供的具有语义化的标签进行布局呢?我个人觉得是因为我们刚

HTML5新增了哪些标签?

HTML5新增了哪些标签?html5是html的最新版本,是14年由w3c完成标准制定。增强了,浏览器的原生功能,减少浏览器插件(eg:flash)的应用,提高用户体验满意度,让开发更加方便。html

HTML新增类型及标签笔记

placeholder属性:提示用户输入的信息multiple可以再email中输入多个邮箱地址,使用','隔开autofocus自动获取焦点required防止域为空

HTML主体结构及头部常用标签笔记

上面这种方式是HTML4中设置页面字符集的标签 5秒一刷新 5秒以后跳转到百度 网页关键词

HTML新增类型及标签笔记

新增属性 multiple多个提交emailplaceholder显示提示信息autofocus焦点required必填minlengthmaxlength长度限制minmax 新增type emai

HTML新增类型及标签笔记

header头部nav导航section节aside侧边footer页脚article文章figure元素组合图片与图片描述组合figcaption details文档与文档细节Summary定义标题

HTML常用标签笔记

物理标签逻辑标签

html5测试题整理--针对标签的概念性

推荐课程:web全栈开发就业班--收到offer再缴学费--融职教育 1.哪个元素被称为媒体元素的子元素? 答案:。 标签为媒体元素(比如and)规定外部文本轨道。这个元素用于规定字幕文件或其他包含文

HTML与CSS的dic、span和格式化标签

课程推荐:前端开发工程师--学习猿地精品课程 div和spandiv? 是一个块级元素,通常与css配合使用,用于布局。 ?标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具,并且不使

HTML中行内元素与块级元素区别有什么?

HTML中行内元素与块级元素区别有什么?区别有:●行内元素和其他行内元素都会在一条水平线上排列,都是在同一行的。●块级元素却总是会在新的一行开始排列,各个块级元素独占一行,垂直向下排列。●行内元素不可

HTML5都有什么用途?

HTML5都有什么用途?HTML5的用途1、本地存储基于HTML5开发的网页APP拥有更短的启动时间,更快的联网速度,这些全得益于HTML5APPCache,以及本地存储功能。2、实现多媒体更加简单利

jsp和html之间有什么区别?

HTML(HypertextMarkupLanguage)文本标记语言,它是静态页面,和JavaScript一样解释性语言,为什么说是解释性语言呢?因为,只要你有一个浏览器那么它就可以正常显示出来,而