回顾下本人使用过的本本，同时也见证下硬件更新换代的速度。

日立的砖头

这造型几乎可以被认为是「前苏联的产品」-- 不过这本本如果出了能 coding 外还能防身还是不错的。这是本人的第一台笔记本，更具有意义的事，它是本人使用第一份工钱「赚回来的」的。

这台笔记本跟随了我大学的四年生活（很庆幸由于它的外形，所以随便扔哪里都没事），从它这里我学到了很多有关 Linux 相关 的知识。

现此笔记本在「家里蹲」博物馆馆藏。

小富士通

这可能是本人使用寿命最短的笔记本了，「很冲动」地从某二手商手中购得。不过，笔记本真的非常的小（9 寸的，但分辨率能达到 1024x768），而且还是带手写的。

损坏的原因是天气炎热，主板的 IDE 控制器被烧坏了。同时，由于维修还不如重新买个合算， 所以顺便就把它解剖了 。

DELL 的「黄脸婆」

这应该说是本人最实用的笔记本，期前我一直使用它搞开发（这个 Blog 也是）， 详细信息可以参考这里 。

iBook G4 - 永远的痛

还能说什么呢 ，坦白的讲，至今谈到 Apple 心里还是隐隐作痛（使用时间 2008 年 05 月 17 日 - 06 月 17 日，一个月不到）。

惠普 NC×

本人使用高配的本本也不能发挥出它什么性能来，2g CPU、1g 内存的对于本人而言，已经很「奢侈」了。不过，比较无耻的是，我连钱此笔记本的钱都没有付。

PS，我喜欢这个开关以及音箱的设计，很巧妙。

-- Split --

古语有云，「不怕贼偷，就怕贼惦记」。 现在面对如此嚣张的贼人 ，反倒是我们心虚。甚至，现在我有种想在电脑包上贴「同城快递」的冲动。

今天有用户报告，说打开我们的页面会导致浏览器崩溃。查了下，原来是这句 CSS 导致了性能的问题

_height: expression(this.scrollHeight > 200 ? 200 + 'px' : 'auto');

看来还是 Exploer 的 CSS expression 作祟。简单的说明下这个语句，主要是实现 Exploer6 不支持的 max-height 属性而做的个 Hack（是个「历史遗留问题」）。

期前对于 CSS expression 也做过类似的测试 ，使用程度为--慎用--禁用（原因有三，仅 Exploer 支持、性能消耗很大、脚本和表现混杂）。

这一 Hack 姑且可以被认定为，是在 Exploer6 走向末路之前的「救命稻草」（但目前在日常的项目中，如果出现这样的代码，是无论如何都不会被允许的）。

最后， 简单的写了个 DEMO ，以及更多的信息可以 查看这里 。

注： Exploer7 已经支持 max-height 等属性。

很多时候，希望能够在 HTML 中使用空格排版。但浏览器在解析 HTML 时，会把连续的空格解析成一个，所以我们会使用   等这样的占位符。

但是   也不是很可靠，比如空格间距非常大，那么我们必须增加多个占位符，同时页面的体积会变得非常大。

同时，注意到 Safari 中的   宽度是已设定字符的空格宽度（Safari 的默认字体为 Times），也就是说一个中文字符需要两个占位符。

具体情况如下图所示

其实，这不是 Safari 的问题，而是字体的问题。解决的方式就是使用下面的属性

font-family: '宋体';

将 Safari 的默认字体 设置成「宋体」等中英文等宽的字体 ，就能解决。Windows 版本的 Safari 字体设置，需要直接使用中文「宋体」这样的名称而不是「Simsun」（了解原因的兄弟请告诉我）。

但至此，我们的根本目标没有解决，就是能否避免使用   这样的占位符，而使用「原生」的空格。考虑针对空白的相应 CSS 属性，具体了解有关 white-space 的用法 ，接下来就比较好处理了。

总结下使用 white-space 实现等宽空格的条件，有两个。需要设置对应的属性

white-space: pre;

然后设置等宽字符（包括等宽空格）即可。综合起来，就是这样

font-family: '宋体', Simsun;
white-space: pre;

由于使用了中文 CSS 名称，所以在实际使用中需要考虑样式的字符编码问题。同时，需要额外考虑的是，苹果机是否有「宋体」（或者其他等宽的字体）， 有苹果机的兄弟请帮忙测试下 。

--Split--

感谢 小马 提供的另外一个思路，就是使用 em 单位。1em 简单的说，就可以认为是一个字符宽度；同理，.5em 就是半个字符。那么，上面的情况就可以使用这样写。

<span>买<ins class="half-word"></ins>宝<ins class="half-word"></ins>贝：</span><br />
<span>我的淘宝：</span><br />
<span>社<ins class="two-word"></ins>区：</span><br />

对应的 CSS 应为

.half-word {width: .5em;}
.two-word{width:2em;}

经测试通过。

--Split--

针对这上述的两种不同方法，个人认为应当按照实际情况考虑采用。比如第一种方法，虽然依赖具体的等宽字体，但没有添加其他额外的结构，对于以后的维护会更加的方便；第二种方法，则更多的考虑了实际的应用情况（同时也不用依赖具体的等宽字体），但是也添加了额外的结构。

所以，如考虑到以后的可维护性，同时「语义」的角度上分析，推崇第一种做法。而实际的应用情况下，同时需要应用比较复杂时，个人会选用第二种。

另，感谢 小虎 的发言

在没有半角空格的复杂的情况下，可以考虑使用中文的全角空格