< pre>标签和css字体族 [英] <pre> tag and css font-family

问题描述

我有html的代码如下：

I have html with code below:

<pre>
                                      |       Date Offense |       Count |
   Title, Section & Nature of Offense |          Concluded |   Number(s) |
--------------------------------------------------------------------------
              18:2113(a)-BANK ROBBERY |   January 27, 2009 |           I |
--------------------------------------------------------------------------

</pre>

它在一个简单的页面中工作得很完美，但是当我添加了css和 font-family 定义，
它执行丑陋，格式不整洁了。

It works perfect in a simple page, but when I have added css with font-family defination, it performs ugly, the format is not tidy any more.

有任何建议吗？谢谢！

推荐答案

您必须使用等宽字体（也称为打字机字体）。这是一种所有字符占用相同空格的字体。

You must use a monospace font (also known as typewriter font). That is a font in which all the characters take the same space.

在CSS中，字体名称 monospace 到用户系统上的默认monospace字体。将 monospace 包含在< pre> 元素的font-familly列表的结尾是个好习惯，

In CSS the font name monospace is translated to the default monospace font on the user system. It's good practice to include monospace at the end of a font-familly list for the <pre> element so that it can be used as a fallback.

例如：

pre {font-family: Consolas,monospace}

将使用Consolas等宽字体到默认值。

will use the Consolas monospace font if it's available or fallback to the default.

这篇关于< pre>标签和css字体族的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！