妙用 CSS 的 direction

direction 在 CSS 中表示文字的显示方向，可选值有：

• ltr 从左向右显示。
• rtl 从右向左显示。
• inherit 继承父对象的值。

rtl 是从右向左显示，不过它还得配合 unicode-bidi:bidi-override; 才行。

据说这种特效可以用在网页上的邮件地址中，以避免抓取邮件地址的工具获得我们的邮件地址。如下：

<span style="direction:rtl;unicode-bidi:bidi-override">moc.621@aetfc</span>

可以看出我已经把邮件地址颠倒了，可是显示的是如下：

moc.621@aetfc

有个缺点就是访问者将邮件地址拷贝下来仍然是颠倒的，所以我们要告诉访问者手动抄写不要复制，并且要保证我们的邮件地址足够短以方便访问者抄写。