javascript - 面临文本缩进第二行和更多行的问题

Question

我在 .js 文件中使用 HTML 代码，如下所示：

$("#lineItemReview").append("<p style=\"text-indent : 3em; line-height: 1.0;\">SO: " + $("#inputOrderNumber" + i).val() + "</p>");
    
$("#lineItemReview").append("<p style=\"text-indent : 3em; line-height: 1.0;\">PO: " + $("#inputPurchaseOrderNum" + i).val()+"</p>");

以上这些信息打印在具有特定宽度和高度的弹出对话框上。

当文本变长时，我面临问题意味着当下一行出现相同的文本时，它不遵循上面代码中已经指定的文本缩进样式。

例如 ：

它是这样来的：

但是，我想要这样：

标签： javascripthtmltext

Answer 1

尝试改用边距/填充。

$("#lineItemReview").append("<p style=\"margin-left: 3em; line-height: 1.0;\">SO: " + $("#inputOrderNumber" + i).val() + "</p>");
    
$("#lineItemReview").append("<p style=\"margin-left: 3em; line-height: 1.0;\">PO: " + $("#inputPurchaseOrderNum" + i).val()+"</p>");