菜单 学习猿地 - LMONKEY

 html换行标签是什么?

html换行标签是什么?

Winson profile image Winson ・1 min read

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

评论 (0)