居中<pre>没有居中文本的块

马克兹

如果我想在HTML页面上打印代码,但是我想使代码<pre>块居中,但实际文本要保持左对齐,该怎么做?

为了简单起见,将其居中以使两条线都在同一位置开始需要做什么?

<pre>int i = 0;
i = i + 80000000000;</pre>
亚恩·查伯特(Yann Chabot)

这就是您想要的方式。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;
 }

小提琴:https : //jsfiddle.net/bvwmnz8z/

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章