如何居中对齐HTML中的pre标签

前端之家收集整理的这篇文章主要介绍了如何居中对齐HTML中的pre标签 前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我正在尝试使用pre标记博客上发布一些代码.像这样:

void function(){返回0;}

现在,我希望所有这些代码都居中对齐.我不仅在谈论文字,而且还谈论文字的边框.宽度当前设置为60%.所以我希望所有这些都在中心对齐.有办法吗?

最佳答案
添加自定义CSS< div>此类将字体设置为courier(10pt),并设置了左右边距,使其位于页面的中心.

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

然后按以下方式调用它:

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

魔术发生在边距部分.您可以设置所有4个属性,但是如果只设置一个,则为makes it a margin of that size all the way around.

猜你在找的HTML相关文章