在css表上格式化带有数组的段落

时间:2015-12-01 05:25:01

标签: javascript html css arrays

所以我有一个HTML,JavaScript和CSS文件; 我在我的JavaScript文件中有一个数组,我在我的html文件中创建了一个空段,然后更改了带有“par”的段落的innerHTML来显示数组。当我运行html时,会显示数组,但它会在我需要向右滚动以查看所有内容的页面上继续显示。我希望它能填满整个页面,并分成几行,但我似乎无法弄清楚如何。

在我的CSS文件中,我尝试过

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

甚至尝试使用font-align,但我似乎无法弄清楚如何做到这一点。任何人都可以帮助我吗?

2 个答案:

答案 0 :(得分:0)

您可以使用<pre>标记来处理文字输入。另请参阅white-space property of CSS。这将按字面意思解释您的输入,如<pre>标记。

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

答案 1 :(得分:0)

如果在页面上使用“par”作为html元素的id,则需要更新css并将点更改为hash:

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