我使用bootstrap,我必须使用< pre>在我的代码中标记,但Bootstrap样式它,我不喜欢它.我知道我必须覆盖它,但我不知道我必须改变的确切属性,以及< pre>看起来就像在没有Bootstrap样式的html中.
<link rel="stylesheet" type="text/css" href="bootstrap.min.css">
<style type="text/css">
pre{
}
</style>
解决方法
Bootstrap样式预标签就像这样
pre{
display: block;
font-family: monospace;
padding: 9.5px;
margin: 0 0 10px;
font-size: 13px;
line-height: 1.42857143;
color: #333;
word-break: break-all;
word-wrap: break-word;
background-color: #f5f5f5;
border: 1px solid #ccc;
border-radius: 4px;
}
因此,我建议您将这些属性添加到样式表中并对其进行样式设置以使其看起来像您想要的那样.每个浏览器都不同,因此要求基本样式是一项难以回答的任务.
这是每个浏览器中html标签的基本样式
> Firefox(Gecko)：http://mxr.mozilla.org/mozilla-central/source/layout/style/html.css.或者,浏览资源：// gre-resources /并查看html.css.
> Chrome / Safari(WebKit)：http://trac.webkit.org/browser/trunk/Source/WebCore/css/html.css
> Chrome(闪烁)：https://chromium.googlesource.com/chromium/blink/+/master/Source/core/css/html.css
> Internet Explorer(Trident),所有版本：http://www.iecss.com/
希望可以帮助:)