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 个属性，但如果您只设置一个，则它 makes it a margin of that size all the way around .