css - 我如何使用 CSS 为任何字形强制固定字符宽度,包括神秘的 Unicode?

标签 css character fixed-width

我怀疑这无法完成,但我只是为了确定才问。

我想在 <span> 中强制使用单个字符有一个特定的 widthheight : 1em .

理想情况下,如果字符还不是固定宽度的,它会被拉伸(stretch)到 1em。

这必须支持任何字符,包括罕见的 Unicode 字形,所以我不能只将字体设置为 Courier。

最后,这应该只用 CSS 来完成,并且简单轻便。例如。一个复杂的解决方案,其中包括 divtable 内包含一个像素的图像(只是为了显示这个单个字符) OK。

我不记得执行此操作的任何属性,Google 的尝试刚刚返回了很多“固定宽度布局”,但与单个字符无关。

如果没有简单的解决方案,但一个复杂的解决方案,我不会使用它,但我还是很想听听。

最佳答案

您可以使用 @font-face 来包含具有良好 unicode 支持的固定宽度字体。 DejaVu family具有出色的 unicode 支持和单声道变体,应该能很好地做到这一点。您可以使用 FontSquirrel's @font-face generator创建你需要的文件。

关于css - 我如何使用 CSS 为任何字形强制固定字符宽度,包括神秘的 Unicode?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5261414/

相关文章:

c# - 如何从键盘读取字符直到收到一个句点,并计算空格数

c++ - 在C++中连接字符数组

java - 字符算术 --- 基数 8 与基数 10

c# - 从文本文件中读取固定宽度的记录

css - 没有固定宽度的div绕过固定宽度的父级

jquery - 使用 jQuery 更改位置属性在 IE 中无法正常工作

javascript - 在 datePicker 中禁用单元格并更改它们的颜色

php - 投资组合类别 - 如何更改它们在投资组合页面(WordPress 网站)上的显示顺序

javascript - 自定义 jQuery 轮播过渡错误

twitter-bootstrap - 如何制作固定宽度的附加侧边栏导航(Bootstrap)