语法
white-space: normal;
可选值
示例:
说明:以下句子在每个句号。后面都有一个回车符
“第一原则思维”在当今备受推崇。 作者在自己的创业过程中总结了“第一原则思维”应用的一些经验。 创业精神最简单的形式就是,运用你的“特定知识”( specific knowledge),在别人的生活中创造价值。 同时,利用诸如劳动力(labor)、资本(capital)、技术(technology)和社会资本( social capital)等杠杆充分撬动自己的“特定知识”,我们就能将特定知识规模化,更好地实现创业目的。
<style> .box { width: 500px; margin: 0 auto; border: 1px solid #666666; } .box-title { text-align: center; margin-top: 20px; color: red; } .white-space--normal { white-space: normal; } .white-space--nowrap { white-space: nowrap; } .white-space--pre { white-space: pre; } .white-space--pre-wrap { white-space: pre-wrap; } .white-space--pre-line { white-space: pre-line; } .white-space--break-spaces { white-space: break-spaces; } </style> <body> <div class="box">“第一原则思维”在当今备受推崇。 作者在自己的创业过程中总结了“第一原则思维”应用的一些经验。 创业精神最简单的形式就是,运用你的“特定知识”( specific knowledge),在别人的生活中创造价值。 同时,利用诸如劳动力(labor)、资本(capital)、技术(technology)和社会资本( social capital)等杠杆充分撬动自己的“特定知识”,我们就能将特定知识规模化,更好地实现创业目的。</div> <div class="box-title">white-space: normal</div> <div class="box white-space--normal">“第一原则思维”在当今备受推崇。 作者在自己的创业过程中总结了“第一原则思维”应用的一些经验。 创业精神最简单的形式就是,运用你的“特定知识”( specific knowledge),在别人的生活中创造价值。 同时,利用诸如劳动力(labor)、资本(capital)、技术(technology)和社会资本( social capital)等杠杆充分撬动自己的“特定知识”,我们就能将特定知识规模化,更好地实现创业目的。</div> <div class="box-title">white-space: nowrap</div> <div class="box white-space--nowrap">“第一原则思维”在当今备受推崇。 作者在自己的创业过程中总结了“第一原则思维”应用的一些经验。 创业精神最简单的形式就是,运用你的“特定知识”( specific knowledge),在别人的生活中创造价值。 同时,利用诸如劳动力(labor)、资本(capital)、技术(technology)和社会资本( social capital)等杠杆充分撬动自己的“特定知识”,我们就能将特定知识规模化,更好地实现创业目的。</div> <div class="box-title">white-space: pre</div> <div class="box white-space--pre">“第一原则思维”在当今备受推崇。 作者在自己的创业过程中总结了“第一原则思维”应用的一些经验。 创业精神最简单的形式就是,运用你的“特定知识”( specific knowledge),在别人的生活中创造价值。 同时,利用诸如劳动力(labor)、资本(capital)、技术(technology)和社会资本( social capital)等杠杆充分撬动自己的“特定知识”,我们就能将特定知识规模化,更好地实现创业目的。</div> <div class="box-title">white-space: pre-wrap</div> <div class="box white-space--pre-wrap">“第一原则思维”在当今备受推崇。 作者在自己的创业过程中总结了“第一原则思维”应用的一些经验。 创业精神最简单的形式就是,运用你的“特定知识”( specific knowledge),在别人的生活中创造价值。 同时,利用诸如劳动力(labor)、资本(capital)、技术(technology)和社会资本( social capital)等杠杆充分撬动自己的“特定知识”,我们就能将特定知识规模化,更好地实现创业目的。</div> <div class="box-title">white-space: pre-line</div> <div class="box white-space--pre-line">“第一原则思维”在当今备受推崇。 作者在自己的创业过程中总结了“第一原则思维”应用的一些经验。 创业精神最简单的形式就是,运用你的“特定知识”( specific knowledge),在别人的生活中创造价值。 同时,利用诸如劳动力(labor)、资本(capital)、技术(technology)和社会资本( social capital)等杠杆充分撬动自己的“特定知识”,我们就能将特定知识规模化,更好地实现创业目的。</div> <div class="box-title">white-space: break-spaces</div> <div class="box white-space--break-spaces">“第一原则思维”在当今备受推崇。 作者在自己的创业过程中总结了“第一原则思维”应用的一些经验。 创业精神最简单的形式就是,运用你的“特定知识”( specific knowledge),在别人的生活中创造价值。 同时,利用诸如劳动力(labor)、资本(capital)、技术(technology)和社会资本( social capital)等杠杆充分撬动自己的“特定知识”,我们就能将特定知识规模化,更好地实现创业目的。</div> </body>
各参数实现效果(点击图片放大查看)
方案一:
css控制回车换行
white-space: pre-wrap;
方案一:
js正则匹配所有回车,替换为换行符
content = content.replace(/\n/g, '<br/>');