不同浏览器空格的宽度（2）
作者：Farewelli 来源：JunChen 发布时间：2007-08-22 08:29:00
当 font-size: 12px; 时：
| 中-中 | 英-英 | 英-中 | 中-英 | |
|---|---|---|---|---|
| Firefox 2.0 | 6 | 6 | 6 | 6 |
| IE6 | 6 | 3 | 3 | 6 |
| IE7 | 6 | 3 | 3 | 6 |
在 font-size: 12px; 基础上增加 font-family: simsun; 时（用simsun或者宋体没有区别）：
| 中-中 | 英-英 | 英-中 | 中-英 | |
|---|---|---|---|---|
| Firefox 2.0 | 6 | 6 | 6 | 6 |
| IE6 | 6 | 6 | 6 | 6 |
| IE7 | 6 | 6 | 6 | 6 |
我们可以发现如果不设置字体的话，IE使用英文字体渲染内容。也可以认为在中文网页上使用宋体是相对安全的。
在上面我们可以看到空格的大小都是 12px 的 1/2，如果是 11px 或者 13px 呢？三个浏览器怎么处理小数呢？继续测试。
font-size: 11px;默认字体：
| 中-中 | 英-英 | 英-中 | 中-英 | |
|---|---|---|---|---|
| Firefox 2.0 | 6 | 6 | 6 | 6 |
| IE6 | 6 | 3 | 3 | 6 |
| IE7 | 6 | 3 | 3 | 6 |
font-size: 13px;默认字体：
| 中-中 | 英-英 | 英-中 | 中-英 | |
|---|---|---|---|---|
| Firefox 2.0 | 7 | 7 | 7 | 7 |
| IE6 | 7 | 3 | 3 | 7 |
| IE7 | 7 | 3 | 3 | 7 |
font-size: 14px;默认字体：
| 中-中 | 英-英 | 英-中 | 中-英 | |
|---|---|---|---|---|
| Firefox 2.0 | 7 | 7 | 7 | 7 |
| IE6 | 7 | 4 | 4 | 7 |
| IE7 | 7 | 4 | 4 | 7 |
font-size: 11px;宋体：
| 中-中 | 英-英 | 英-中 | 中-英 | |
|---|---|---|---|---|
| Firefox 2.0 | 6 | 6 | 6 | 6 |
| IE6 | 6 | 6 | 6 | 6 |
| IE7 | 6 | 6 | 6 | 6 |
font-size: 13px;宋体：
| 中-中 | 英-英 | 英-中 | 中-英 | |
|---|---|---|---|---|
| Firefox 2.0 | 7 | 7 | 7 | 7 |
| IE6 | 7 | 7 | 7 | 7 |
| IE7 | 7 | 7 | 7 | 7 |
font-size: 14px;宋体：
| 中-中 | 英-英 | 英-中 | 中-英 | |
|---|---|---|---|---|
| Firefox 2.0 | 7 | 7 | 7 | 7 |
| IE6 | 7 | 7 | 7 | 7 |
| IE7 | 7 | 7 | 7 | 7 |
上面看到的数据都是默认字体和宋体，一般网页设计的时候不会使用默认字体（即不设置字体），而且为了让英文更好看，我们通常选用 Tahoma、Verdana、Arial 这三种字体。我对这三种字体分别做了测试，同时加上刚才的数据，整理成一个表格：空格的宽度。
小结
只使用宋体是相对安全的，在这三款浏览器里面如此；
除了 Tahoma，其他几种测试情况下，IE 6 和 IE 7 的表现一致（但除了宋体和 FF 一样外，其余都有差别）；
在 Firefox 下，同等样式的所有空格（中-中、英-英、中-英、英-中）宽度一致；
在 IE 下，中文字和中文字之间的空格，等于中文字和英文字之间的空格宽度（注意我说的顺序），大于等于英文字和中文字之间的空格（等于的情况出现在设置了中文字体，大于的情况一般是两倍）；
如果空格前面是中文，那么空格按照中文处理；如果空格前面是英文，那么空格按照英文处理；
如果已经用了某种英文字体怎么办呢？想办法分别对待空格和内容吧。比如正好是链接与链接间的空格，那么可以给链接设置字号，给空格设置不同字号（还可以分浏览器 hack）。
后记
因为测试比较琐碎繁杂，可能会有错误，欢迎在实践过程中发现问题者的指正。也欢迎多一些字体的测试。
0
投稿猜你喜欢
前言一、情景描述情景一：文件夹内有很多excel数据，包含的数据格式一样，我们需要提取每个文件中指定的几列数据汇总到一个文件中(因为是按列索- 英文原文：http://www.smashingmagazine.com/2008/08/18/译文原文：http://blog.bingo
- Session作用Session的根本作用就是在服务端存储用户和服务器会话的一些信息。典型的应用有：1、判断用户是否登录。2、购物车功能。s
- 之前使用的python的smtplib、email模块发模块的一步步骤是：一、先导入smtplib模块 导入MIMEText库用
- 插入排序插入排序是一种简单的排序算法，以数组为例，我们可以把数组看成是多个数组组成。插入排序的基本思想是往前面已排好序的数组中插入一个元素，
- 本文主要介绍通过预训练的ImageNet模型实现图像分类，主要使用到的网络结构有：VGG16、InceptionV3、ResNet50、Mo
- 抛出问题：求一数组如 l = [0, 1, 2, 3, -4, 5, -6]，求该数组的最大连续子数组的和 如结果为[0,1,2,3,-4,
- 目录pandas创建对象SeriesDataFrame高级索引(花式索引)loc标签索引iloc 位置索引ix 标签与位置混合索引增加数据本
- 一、MySQL备份类型详解对于现代互联网公司而言，存储在服务器数据库中的数据，逐步成为企业和公司的命脉，对企业和公司的生存发展具有十分重大的
- 1. 引言星号* 往往被称为乘法运算符，是所有程序中最为常用的运算符号之一,在Python 中，星号还有很多隐藏的强大功能。本文将用最容易理
- 导语电脑桌面文件太多查找起来比较花费时间，并且凌乱的电脑桌面也会影响工作心情，于是利用python根据时间自动建立当日文件夹，这样就可以把桌
- Python 中的运算符什么是运算符？举个简单的例子 4 +5 = 9 。 例子中，4 和 5 被称为操作数，"+" 称
- 刚刚看了bootstrap的导航栏，发现有点弄混了，现在来整理一下；导航栏是一个很好的功能，是 Bootstrap 网站的一个突出特点。导航
- 一、为什么需要虚拟环境？这里的环境，指的就是 Python 代码的运行环境。它应该包含以下信息：Python 解释器，用哪个解释器来执行代码
- 大家好，为了进行调试和错误跟踪，人们在整个代码库中广泛使用日志，今天来看看如何在代码中定义日志，并探讨日志的权限。一、日志层级在开始之前，需
- 前言：在 Go 语言中，同时声明多个常量、变量，或者导入多个包时，可采用分组的方式进行声明。例如下面的代码：import "fmt
- 根据"客服果果"的"十几行的超简日历组件"http://bbs.51js.com/viewthrea
- 本文实例讲述了PHP+redis实现添加处理投票的方法。分享给大家供大家参考，具体如下：<?php header("Cont
- 前言之前实践了下face++在线人脸识别版本，这回做一下离线版本。github 上面有关于face_recognition的相关资料，本人只
- 阅读器访问地址：http://easyrss.tk/，欢迎体验！阅读导览一、 概述 二、 设计的基本概念和原理 三、 设计方案四、 主要源代
