html - 如何在 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 个属性，但如果您只设置一个，那么它会使其一直保持该大小的边距。