是否可以使任何 CSS 元素表现得像
;

发布于 2024-10-09 12:57:46 字数 226 浏览 8 评论 0原文

我正在 iframe 中加载一些内容。我希望此内容的行为就像它位于

 标记内一样 - 即它尊重换行符。我正在使用 javascript 设置此 iframe 的 body 元素的样式。

我想知道是否可以设置一个特定的样式,使该 iframe 的主体表现得就像在

 内部一样。

I am loading some content inside an iframe. I want this content to behave as-if it was inside a <pre> tag - namely for it to respect line breaks. I am using javascript to set the style of the body element of this iframe.

I am wondering if it would be possible to set a particular style that will cause the body of this iframe to act like it's inside <pre/>.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(4

冬天旳寂寞 2024-10-16 12:57:46

您可以在 http://www.w3.org/TR/CSS2/sample.html" rel="noreferrer">http://www. w3.org/TR/CSS2/sample.html 只需将相同的样式应用于您想要充当前置元素的元素,瞧,您就完成了

。这基本上是

pre{ white-space: pre ; display: block; unicode-bidi: embed }

you can find the default setting or how they're suppose to be at http://www.w3.org/TR/CSS2/sample.html just apply the same style to the element you want to behave as a pre element and voila you're done

p.s. which is basically

pre{ white-space: pre ; display: block; unicode-bidi: embed }
笑红尘 2024-10-16 12:57:46

如果您只对保留换行符而不是空格感兴趣,那么我建议使用:

body {
    white-space: pre-line;
}

这会将多个连续的空格字符折叠为一个但保留换行符。缺点是它仅在 IE 8 及更高版本中受支持。

If you're only interested in preserving line breaks but not whitespace then I suggest using:

body {
    white-space: pre-line;
}

This will collapse multiple consecutive white space characters into one but preserve line breaks. The downside is that it's only supported in IE versions 8 and up.

停顿的约定 2024-10-16 12:57:46

尝试将元素的 white-space 样式设置为 pre 值。

body {
    white-space: pre;
}

Try setting the element's white-space style to a value of pre.

body {
    white-space: pre;
}
梦幻之岛 2024-10-16 12:57:46

如果您只想让它在像 pre 这样的换行符上起作用,请使用 css: white-space: pre

If you just want it to act on linebreaks like pre, use the css: white-space: pre

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文