首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何使用CSS更改跨度以使其看起来像pre?

如何使用CSS更改跨度以使其看起来像pre?
EN

Stack Overflow用户
提问于 2008-10-20 17:24:33
回答 8查看 59.6K关注 0票数 126

是否可以更改<span>标签(或<div>)以预格式化其内容,就像<pre>标签只使用CSS一样?

EN

回答 8

Stack Overflow用户

回答已采纳

发布于 2008-10-20 17:28:39

看看W3C CSS2.1 Default Style SheetCSS2.2 Working Draft。复制PRE的所有设置,并将它们放入您自己的类中。

代码语言:javascript
复制
pre {
    display: block;
    unicode-bidi: embed;
    font-family: monospace;
    white-space: pre;
}
票数 189
EN

Stack Overflow用户

发布于 2008-10-20 17:32:53

参见the white-space CSS property

代码语言:javascript
复制
.like-pre { white-space: pre; }
票数 60
EN

Stack Overflow用户

发布于 2008-10-20 17:35:39

这使得跨度看起来像一个PRE:

代码语言:javascript
复制
span {
  white-space: pre;
  font-family: monospace;
  display: block;
}

请记住适当地更改css选择器。

票数 27
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/219219

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档