如果我想在HTML页面上打印代码,但是我想使代码<pre>
块居中,但实际文本要保持左对齐,该怎么做?
为了简单起见,将其居中以使两条线都在同一位置开始需要做什么?
<pre>int i = 0;
i = i + 80000000000;</pre>
这就是您想要的方式。display: block;
周围有一个容器和text-align: center;
。然后,添加display: inline-block;
到您的pre
标签并制作text-align: left;
的HTML
<div class="container">
<pre>
int i = 0;
i = i + 80000000000;
</pre>
</div>
的CSS
.container {
text-align: center;
}
.container pre {
display: inline-block;
text-align: left;
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句