• 技术文章 >web前端 >html教程

    html怎么换行?换行代码是什么?九种html文字换行方法总结

    不言不言2018-09-07 13:41:48原创119604
    在用html写网页时,为了让网页中内容看起来整洁流畅,我们需要将其中的文字内容进行换行,那么,html怎么来换行呢?本篇文章就来给大家介绍一下html中给文字换行的方法。

    html中换行的方法有很多,其中最为简单的就是利用<br>标签,但是有时我们为了网页的设计,就需要灵活的运用各种不同的方法来实现文字的换行。具体有哪些方法可以实现换行,我们就来看一看。(标签参考:html手册

    1、HTML换行的代码是<br>,想要在哪一行换行,在那一行的代码后输入<br>代码即可实现换行操作。这个方法是最简单的,刚才已经说过,那我们来看一下它的例子

    <html>
    <body>
    <p>
    和气吹绿野,梅雨洒芳田。<br />新流添旧涧,宿雾足朝烟。<br />雁湿行无次,花沾色更鲜。<br />对此欣登岁,披襟弄五弦。
    </p>
    </body>
    </html>

    效果如下:

    2345截图20180907114418.png

    大前端零基础入门到就业:进入学习

    2、<P>是空白行,一个<P> 一行,两个<P> 两行。

    例子:

    <html>
    <body>
    <p>
    和气吹绿野,梅雨洒芳田。
    </p>
    <p>新流添旧涧,宿雾足朝烟。</p>
    </body>
    </html>

    效果如下:

    2345截图20180907115234.png

    3、如果换行的位置是DIV层,还可以这样写<div style="padding-left:5px"><img src="图片"></div>。

    4、可以通过第三方的软件做HTML更方便各种操作,例如dream wearer,换行只需要回车即可实现。

    5、如果有了<PRE> ……</PRE>,从<PRE>到</PRE>中的内容原来怎么分的行,就怎么分,不加<br>。

    例子:

    <html>
    <body>
    <PRE>
    自笑平生为口忙,老来事业转荒唐。
    长江绕郭知鱼美,好竹连山觉笋香。
    逐客不妨员外置,诗人例作水曹郎。
    只惭无补丝毫事,尚费官家压酒囊。 
    </PRE>
    </body>
    </html>

    效果如下:

    2345截图20180907115825.png

    7、使用不同大小的透明图片来分割,插入若干 1 乘 1 大小的透明 .gif 图片来控制间距。

    8、使用CSS表来调整。

    9、表格里,使用“cellspacing”、“cellpadding”、“rowspan”、“colspan”等属性来实现换行。

    上述的九个方法,在实际的运用中都可以使用,看哪一种适合就用哪一个,更多html换行的内容可以关注php中文网。

    相关推荐:

    HTML div css 强制 换行 不换行

    将html的br换行符转换为文本换行符方法

    以上就是html怎么换行?换行代码是什么?九种html文字换行方法总结的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。

    前端(VUE)零基础到就业课程:点击学习

    清晰的学习路线+老师随时辅导答疑

    自己动手写 PHP MVC 框架:点击学习

    快速了解MVC架构、了解框架底层运行原理

    专题推荐:html 换行
    上一篇:html空格代码是什么?html空格代码怎么写?(总结) 下一篇:自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)

    相关文章推荐

    • ❤️‍🔥共22门课程,总价3725元,会员免费学• ❤️‍🔥接口自动化测试不想写代码?• html小技巧之td,div标签里内容不换行_经验交流• css white-space:nowrap属性用法(可以强制文字不换行输出)_CSS/HTML• 多浏览器支持CSS 容器内容超出(溢出)支持自动换行_经验交流• 用CSS控制表格或单元格强制换行,防止表格被英文单词或中文撑大_经验交流• firefox css自动换行的实现方法_经验交流
    1/1

    PHP中文网