妙用 CSS 的 direction

作者:vkvi 来源:千一网络(原创) 日期:2007-2-1

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

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

编者注:这两个属性在 CSS 1 中无效,在 CSS 2 及以上版本中有效,所以这两个属性在现在的浏览器中几乎都得到了支持。
相关文章