设置html文档宽度以适合文本

【问题标题】：Setting html document width to fit text设置html文档宽度以适合文本
【发布时间】：2010-08-16 23:55:06
【问题描述】：

我有一个 html 文档，它作为 iframe 包含在工具栏中。该文档包含一行文本。

我希望限制文档的宽度，使其不超过最大宽度，但如果文本很短，可以占用更少。

如何做到这一点？

如果有帮助，该文档实际上是一个 php 文档，我可以使用 javascript。

【问题讨论】：

【解决方案1】：

如果最大宽度以像素为单位，我将通过 CSS 设置包含文档的样式：

body {
    max-width: 500px;
}

注意：这在 IE6 中不起作用，因为它不支持 max-width 属性。

除此之外，由于您可以使用 JavaScript，而不是使用 iframe，您还可以通过 AJAX 获取 HTML 并将文档注入到 DOM 中——这应该使样式更容易/更好。

【讨论】：