如何在 HTML 中居中​​对齐 pre 标记

Question

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

void function(){return 0;}

现在我希望所有这些代码都居中对齐。 我不仅谈论文本，还谈论它周围的边框。 宽度当前设置为 60%。 所以我希望所有这些都中心对齐。 有办法做到吗？

Answer 1

添加自定义 CSS

类，将字体设置为 courier (10pt)，并设置左右边距，使其位于页面中央。

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

然后按如下方式调用它：

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

神奇的事情发生在 margin 部分。 您可以设置所有 4 个属性，但如果您只设置一个，那么它 会使其成为该属性的边距大小一直围绕。