我想在我的博客中使用自定义样式代码片段.我定义了以下样式:
mystyle {
background: #C3FFA5;
border: solid 1px #19A347;
color: #191919;
display: block;
font-family: monospace;
font-size: 12px;
margin: 8px;
padding: 4px;
white-space: pre;
}
Run Code Online (Sandbox Code Playgroud)
我用它如下:
<mystyle>
int main() {
cout << "Hello World" << endl;
}
</mystyle>
Run Code Online (Sandbox Code Playgroud)
这给出了以下输出.我试过Firefox和谷歌Chrome.

我想删除块开头的额外行.显然,我理解换行符的来源,而我可以使用<mystyle>int main() {.如果我使用<pre>而不是<mystyle>,没有额外的换行符,那么我也可以使用自定义样式吗?