在css工作表上用数组格式化段落

Question

所以我有一个 HTML、JavaScript 和 CSS 文件； 我的 JavaScript 文件中有一个数组，我在 html 文件中创建了一个空段落，然后更改了 ID 为“par”的段落的innerHTML 以显示该数组。当我运行 html 时，会显示该数组，但它会在我需要向右滚动以查看所有内容的页面上继续显示。我希望它填满整个页面，并分成几行，但我似乎不知道怎么做。

在我的 CSS 文件中，我尝试过这样做

#par {width: 150px;height: 150px;}

甚至尝试弄乱字体对齐，但我似乎无法弄清楚如何做到这一点。谁能帮帮我？

Answer 1

您可以使用<pre> 标签来处理您的文字输入。另请参阅white-space property of CSS。这将像 <pre> 标记一样从字面上解释您的输入。

试试white-space: pre 看看是否适合您的需求。如果您没有格式化您的数组，并且希望它在到达屏幕边缘时自动中断，请尝试white-space: pre-wrap。

Answer 2

如果您在页面上使用“par”作为 html 元素的 id，则需要更新您的 css 并将点更改为哈希：

#par {width: 150px;height: 150px;}