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

formatting paragraph with array on css sheet

本文关键字：数组格式化段落 css 表单更新时间：2023-09-26

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

在我的CSS文件中，我尝试过进行

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

甚至试着摆弄字体对齐，但我似乎不知道该怎么做。有人能帮我吗？

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

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

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

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