编辑 HTML 时，经常需要插入换行符。 当地址、诗歌或文本超过可用的浏览器长度时，需要换行。 如果不插入换行符css划线，文本的格式将会很奇怪。
在本教程中，我将通过一些示例向您展示如何在 HTML 代码中插入换行符，以便您可以开始正确使用它并更好地设置文本格式。
基本 HTML 换行句型
您可以使用
tab 在 HTML 中插入换行符，相当于按键上的回车符。
请注意，HTML 将忽略通过鼠标返回键输入的换行符。
如果你想知道为什么
标签中有一个正斜杠，当 HTML4 仍然被广泛使用时，斜杠就很重要。 使用 HTML5，您不再需要在其中添加斜杠。 但两种方法的功效是一样的。
如果您使用的是像 prettier 这样的代码格式化程序，那么在保存或粘贴时它仍然会插入斜杠，即使您没有将斜杠放入其中。
如何在地址中插入换行符
例如，当您写一封信时，换行符很重要。
这是一个不带换行符的地址示例
没有换行符（
标签）如下：
The White House, 1600 Pennsylvania Avenue NW Washington, DC 20500, USA.
我添加了一些 CSS 代码来使用 Flexbox 将所有内容居中并使文本更大一些：
body {
display: flex;
align-items: center;
justify-content: center;
height: 100vh;
font-size: 3rem;
max-width: 1000px;
margin: 0 auto;
}
在浏览器中显示如下：
这是一个带有换行符的地址
这是我们添加换行符以正确格式化地址的方法：
The White House
1600 Pennsylvania Avenue
NW Washington, DC
20500
USA
在浏览器中显示如下：
如何在散文中添加换行符
散文通常以简洁的句子来书写，以创建视觉层次结构，并且格式精美。
为此，如果您想用 HTML 代码写一首诗css划线，
选项卡可以让您更轻松地进行降级过程。
一首没有换行的诗
I dabbled around a lot when I decided to learn to code
I went from A to Z with resources
When I decided to make my own things
I discovered I've been in the old all while
So I remained a novice in coding
But then I found freeCodeCamp
I got my hands on the platform
I went from novice to ninja in coding
And now I'm a camper for life
在浏览器中显示如下：
您可以听到这首诗没有视觉层次结构，格式不正确，因此它不适合作为一首诗来阅读。
一首有换行的诗
I dabbled around a lot when I decided to learn to code
I went from A to Z with resources
When I decided to make my own things
I discovered I've been in the old all while
So I remained a novice in coding
But then I found freeCodeCamp
I got my hands on the platform
I went from novice to ninja in coding
And now I'm a camper for life
我还在CSS中稍微修改了字体大小：
body {
display: flex;
align-items: center;
justify-content: center;
height: 100vh;
font-size: 2.5rem;
max-width: 1000px;
margin: 0 auto;
}
在浏览器中显示如下：
你可以听到这首诗如今更具可读性，而且格式也更精美。
一些宝贵的建议：不要使用
标签在块级元素（p、h1、h2、h3、div 等）之间强制使用空格。 请使用 CSS 行距属性。
你可能想知道 - 因为
标签是一个元素，可以设置它的样式吗？
嗯，这是可能的。 而且它不需要设计，因为它所做的只是创造一些间隙。
概括
希望本教程能为您提供
标签所需的背景知识，以便您可以更好地格式化 HTML 文本。
感谢您阅读这篇文章。 快乐编码！
原文：HTML 换行 – 如何使用 HTML 换行
第 2 章 CSS 设置字体 CSS 字体属性包括字体系列、字体大小、字体样式、字体粗体和字体变体。 步骤1 设置字体的font-family。 在HTML中设置字体使用的标签的face属性，在CSS中可以使用font-family属性来设置字体。 字体系列的含义是借助CSS中的font-family属性来设置文本的字体。 基本句型：font-family：字体1、字体2、字体3、……； 句型说明：font-family属性可以用来一次定义多种字体，浏览器读取字体时，会根据定义的顺序来决定使用哪种字体。 如果浏览器在计算机上找不到第一个字体，就会手动读取第二个字体，如果找不到第二个字体，就会手动读取第三个字体，以此类推。 如果找不到所有定义的字体，则选择计算机系统的默认字体。 定义中文字体时，如果中文字体名称由多个词组组成，但词组之间有空格css 设置字体，则字体名称前必须加冒号（单冒号或双冒号）。 如：font-family: ia,"TimesNewRoman",Times,serif;。 ：使用font-family属性设置字体
字体由浏览器按照楷体、斜体、宋体的顺序选择读取
腽蒈内膅网页的疗效如图2-1所示。 图 2-1 设置字体伟傲 2 设置字体大小 font-size 部分设置 HTML 中字体使用的标签的 size 属性css 设置字体，font-size 属性可用于设置 CSS 中的字体大小。 不同的是，HTML中设置的字体大小有7级，但CSS中的字体大小可以任意设置。 基本句型：Su 字体大小：绝对规范 | 关键词| 相关规格| 因设备而异。 例如，当显示帧率为960×600和帧率为1024×768时，以绝对规格设置的文本的显示尺寸是相同的。 使用绝对规格设置文字大小时，必须加上单位。 如果不添加单位，浏览器将默认使用px（像素）作为单位。 可用于绝对规格的单位包括 in（英寸）、px（像素）、cm（分米）、mm（毫米）、pt（点）和 pc（拾取器）。 最常用的单位是 px（像素）。 （1 点 = 1/72 英寸）。 相对规范意味着规范大小继承于元素属性的先前属性单元值。 这里需要指出的是，如果元素的font-size属性中使用cm作为属性单位，那么它会直接继承自父元素的font-size属性。 如果没有父元素，则参考浏览器的默认字体大小值。 绝对和相对规范也可以使用关键字来定义字体大小。 绝对规格有七个关键字，分别是xx-small（极小）、x-small（较小）、small（小）、medium（标准尺寸）、large（大）、x-large（较大）、xx-大（非常大）。 相对规范只有两个关键字，即larger（较大）和smaller（较小）。 Larger的相对规范是在其前一个关键字的基础上扩展一级，Serial是在其前一个关键字的基础上缩小一级。 蒂比例是以父元素中字体的大小作为参考值。 Newt p{font-size: 16pt} 和 b{font-size: 200%} 这两行代码解释了所有
标签中标签定义的文本规范大小在
标记中定义的文本大小的 200%，即 32pt。 .隔膜**************************************************** ****************************************************** ****************************************************** ****************************************************** ****************************************************** ****************************************************** ****************************************************** ****************************************************** **************]
这是 30 像素的文本
令人发指的
这是 10 毫米大小的文字
罿激{font-size:}、.z2{font-size:30px}定义类样式z2，字体大小为30像素，.z3{font-size:}、.z4{font-size:10mm}定义10毫米字体大小
发表评论