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.
发布于 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.
https://stackoverflow.com/questions/36727490
复制相似问题