Html 将空白设置为pre&x27；不保留额外的空白

我使用

whitespace:pre

css属性来保留html元素值中的空白字符。浏览器html dom如下所示

但在渲染时，

li

元素的值被修剪，我尝试使用的两个表格列格式出现问题，它作为一个字符串出现

---

如何使用css/js呈现多个空白字符？

您正在DOM中设置

white space=“pre”

。它属于css

你需要像这样的东西：

li {
    white-space: pre;
}

您还需要使用单间距字体（在非单间距字体中，空格字符不如其他字符宽。因此，尽管有相同数量的列，但它们的宽度并不相等）

li{
空白：预处理；
字体系列：mono；
}

Lorem ipsum dolor Lorem
多洛勒姆唇膏
同侧眼睑
益智

您正在DOM中设置

空格=“pre”

。它属于css

你需要像这样的东西：

li {
    white-space: pre;
}

您还需要使用单间距字体（在非单间距字体中，空格字符不如其他字符宽。因此，尽管有相同数量的列，但它们的宽度并不相等）

li{
空白：预处理；
字体系列：mono；
}

Lorem ipsum dolor Lorem
多洛勒姆唇膏
同侧眼睑
益智

或者

@freefiller true但内联css不是我想要推荐的。公平点，但用户已经尝试内联执行，所以您至少可以向他们展示如何执行此操作。。。并解释为什么你喜欢一个而不是另一个other@freefaller好的，我已经屈服了。如果我没有使用

font-family:mono

，第二列的值将不对齐。。。为什么单靠空白不能解决这个问题？或者，我不想推荐内联css，但我不想推荐内联css。公平点，但用户已经尝试内联，所以你至少可以向他们展示如何做到这一点。。。并解释为什么你喜欢一个而不是另一个other@freefaller好的，我已经屈服了。如果我没有使用

font-family:mono

，第二列的值将不对齐。。。为什么只有空白不能解决这个问题？