Question

我有一个返回字符串的JavaScript函数。我想把这个字符串写成一个html页面，但是在一个块文本格式中，我可以指定宽度。我目前正在使用只读textarea，但我确信有更好的方法。我该怎么做？

示例：

从javascript函数返回的字符串：
The dog was lazy in the sun.

在html页面上：

The dog was  
lazy in the  
sun.

修改

抱歉，我不够清楚。这个javascript函数可以返回任何字符串，我不知道它可以返回什么。所以在我的HTML中，我会做以下事情：

<script type="text/javascript" />  
    document.write(functionCall());  
</script>

但我想像上面的例子那样格式化。不幸的是，使用<div>属性将其包含在width标记中不起作用。

Answer 1

将文字放在<pre>标签中，毕竟它代表预先格式化的文字。

http://www.w3schools.com/tags/tag_pre.asp

然后，您可以使用CSS来控制元素的宽度：

pre {
    width: 100px;
}

这样你就可以在字符串本身中添加中断并将其添加到<pre>标记中，它已经格式化了（你不需要宽度）。

Answer 2

你可以通过fixind像div中的宽度那样做，因为offex说

<div style="width:200px"></div>

或

一张宽度为

的桌子

<table width="200px"></table>

Answer 3

var text, width, container;

width = "200px";        // set this to whatever you like
text = some_function();

// you can create a <div id="text-container"></div> in your
// HTML wherever you want the text to show up, or you can
// the JavaScript just create it at the bottom of the page

container = document.getElementById("text-container");
if(!container) {
    container = document.createElement("div");
    container.id = "text-container";
    document.body.appendChild(container);
}

container.style.width=width;
container.innerHTML = text;

如何在html中将字符串显示为文本块

3 个答案: