18910140161

HTML中的段落文本如何换行

顺晟科技

2021-06-16 10:36:23

381

首先,我们来看看段落文字换行的方法:

网页中的段落通常用p标签表示,所以一个p标签中的文本在浏览器中会显示为一个段落,除非浏览器框架不够,否则会显示为一行,只有框架不够的时候才会自动换行,但是如果我们想手动换行里面的文本,可以吗?事实当然不是好事。您的代码中的换行符在浏览器中看起来什么都没有,但最多只是多了一点空间。因此,我们现在需要使用的是本文中提到的br标签的使用。

Br tag是单个标签,Br用来换行供浏览器识别。

现在,让我们看看代码:

!doctypehtml

超文本标记语言

metacharset='utf-8 '

TitlePHP中文网站/标题

/head

身体

p这是PHP中文网站,里面有最全面的在线教学课程,包括所有的编程学科,让你学到更多。这里是PHP中文网站,里面有最全的

线上教学课程包括所有编程学科,让你学到更多。这里是PHP中文网站,里面有最全的在线教学课程,包括所有的编辑

程管教,这样可以学到更多的东西。这里是PHP中文网站,里面有最全面的在线教学课程,包括所有的编程学科,让你学到更多的东西。/p

/body

/html

这里有一段话,看效果:

tuyi.png

如图,浏览器窗口小。所以显示的线条太多。这是不是很乱?但我们想要的是,文本不应该显示在任何一个单词之后,而应该显示在下一行。(如果你想看更多,请访问:html在线视频教程)

现在让我们添加br标签来看看效果:

身体

p这是PHP中文网站,里面有最全面的在线教学课程,包括所有的编程学科,让你学到更多。/br这是PHP中文网站,带有

最全面的在线教学课程,囊括了所有编程学科,让你学到更多。/br这是PHP中文网站,有最全面的在线教学课程,包

包括所有的编程学科,让你学到更多。/br这是PHP中文网站,里面有最全面的在线教学课程,包括所有的编程学科,让你可以

孩子可以学到更多的东西。/p

/body

看看上面的代码,我在里面放了三个br标签,看看效果:

tuer.png

是不是瞬间就感觉清晰了很多?这是br标签的用法。我们一般会把br标签放在想包装的地方,这样才能起到作用。否则,不管是不是乱放,显示这个文字都不会好看。我们可以使用br标签来调整文本的格式。

本文转载自中文网站

相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航