时间戳

首页 > 解决方案 > 无法在使用 Bootstrap 设置样式的列表元素中放置换行符

javascript - 无法在使用 Bootstrap 设置样式的列表元素中放置换行符

问题描述

我正在尝试在使用 Bootstrap 设置样式的列表元素中添加换行符（不确定这是否会有所不同）。但是，“\n”不起作用并换行。

这是我的代码：

var amountPrice = "Name: "+expenseName+"\n"+"Price: $"+expenseAmount
entry.appendChild(document.createTextNode(amountPrice))
expensesList.appendChild(entry)

我正在创建一个名为 Amount Price 的变量并将其设置为两个值，例如“Apples”和“$5”。然后我将其添加到无序列表中。

我不明白为什么我的“\n”字符没有在应该的地方换行。附上一张名单的图片。对不起我糟糕的照片编辑。

输出图片 为什么没有换行符？

任何帮助将不胜感激！

标签： javascripthtmlbootstrap-4

解决方案

我相信你指的是<br />标签。

除了特定场景（例如文本框的内容）之外，换行符在呈现为 HTML 时不会显示换行符。

您还可以拆分每行文本以包含在自己的p标签中：

<p>Name: item name</p>
<p>Price: $100</p>

推荐阅读