如何在CSS中保留空格而忽略换行符？
如何在CSS中保留空格而忽略换行符？
提问于 2016-04-20 03:17:43
CSS-3中的white-space属性具有pre-wrap值和pre-line值，前者将保留空格和换行符，并在必要时换行；后者将折叠空格，但保留换行符，并在必要时换行。
但是，它没有的值是，保留空格，折叠换行符，同时仍然进行换行。
有没有其他CSS属性的组合可以用来达到这个效果？
例如：
This example
code
should render
on one line but
with spaces intact.应该如下所示：
This example code should render on one line but with spaces intact.回答 1
Stack Overflow用户
回答已采纳
发布于 2018-07-29 04:14:57
回答你的问题：不，没有办法只使用CSS (prove white-space)
没有像这样的行:折叠|保留| ...
唯一的方法是使用JavaScript
document.body.innerHTML = document.body.innerHTML.replace(/\n/g, '');html {
white-space: pre-wrap;
}This example
code
should render
on one line but
with spaces intact.
硬码方法
第一个
* {
white-space: pre-wrap;
}
br {
display: none;
}This example<br/>code<br/>should render<br/>on one line but<br/>with spaces intact.<br/>
第二位
This example
code
should render
on one line but
with spaces intact.
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/36727490
复制相关文章
相似问题
腾讯云开发者
