如何在HTML中居中对齐预标记

Question

我正在尝试使用pre标签在博客上发布一些代码。像这样：

void function(){return 0;}

现在我希望所有这些代码都居中对齐。我不是在谈论文本，而是谈论它周围的边界。宽度目前设定为60％。所以我希望所有这些都是中心对齐的。有办法吗？

Answer 1

添加一个自定义CSS <div>类，将字体设置为courier（10pt）并设置左右边距，使其位于页面的中心位置。

.code {
  font-family:courier;
  font-size: 10pt;
  margin: 5px; border: 1px solid black;
} 

然后按如下方式调用：

<div class="code">Your Code Here</div>

神奇发生在margin部分。您可以设置所有4个属性，但如果只设置一个，则为makes it a margin of that size all the way around。