在 HTML 中，如果你不想在产生一个新段落的情况下换行，可以使用 br 标签来给文字进行换行。

<br/> 是自闭合标签，其中 br 就是英文 break(换行) 的缩写。

这里以苏轼的《题西林壁》为例，如下图所示


如果想对这首诗进行换行，有两种方法；

方法一：使用两个 p 标签
方法二：使用 br 标签

这里我把两种方法在编辑器的效果，以及在浏览器里运行后效果做一下对比

先来看一下在编辑器的对比效果


再来看一下浏览器显示效果的对比


由浏览器显示效果对比图可知：使用 p 标签会导致段落与段落之间有一定的间隙，而使用 br 标签不会出现这个现象。

如果你只是想给文字换行，就用 br 标签，如果是两个或者多个段落之间的分段，那就用 p 标签。

magento商品描述不折行


有人问我为什么他的Magento商品描述不折行，如上图。我进入他的后台查看他的商品描述如何编辑的是折行的，如下图。



magento商品描述后台


于是我google了一把，其他人也遇到类似的问题。使用nl2br( )这个方法可以将描述转为带换行的，即给增加html标签<br />。

将原先的代码






1




<?php
echo

$this->helper('catalog/output')->productAttribute($this->getProduct(),
$_description,
'description')
 ?>





改为




1




<?php
echo

$this->helper('catalog/output')->productAttribute($this->getProduct(),
nl2br($_description),
'description')
 ?>





就可以实现描述与后台编辑的格式一样，正常换行。

修改后结果，如下图



magento带换行描述


 

转载表明出处：www.hellokeykey.com

<pre> 标签可定义预格式化的文本。被包围在 <pre> 标签

元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。常用来表示计算机源码。

先来看个例子：

如图所示，在pre标签中，所有的空格和换行都根据原来的格式进行了显示。而在div标签中，则是我们所熟悉的样子，空格换行什么的都是无效的，要换行，就必须使用<br/>标签。

如果我们通过后端的字符串的方式，存进数据库，再查出来显示到前端，亦或者是直接从后端传字符串显示到前端进行显示，如果想要换行，直接在字符串需要换行的地方添加\n（注意不是/n）即可。



注意：字符创中包含\n存进数据库中，查询出来是看不到\n的字样的，但是把对应的字符串复制出来，粘贴进记事本打开，是有换行效果的。我之前为了图方便，直接在数据库中修改对应的字符串字面量，手动加上了\n，这样的效果就是在前端会把\n给显示出来。在上面的图中，我还担心\符号的转义问题，在数据库中添加了两个\符号。

个人遇到问题：

在html的富文本框里面输入回车时，经过js拿取作为参数传给另一个function会报错。

经过text = text.replace(/(\n)/g, "<br/>");使得存入数据库的是<br/>标签。

 

为什么是<br/>，而不是直接存入\n，因为\n经过测试无效，会按照原样输出。