| Min's profileEasy Start To The DayBlogListsNetwork |  Tools  Help |
unicode-bidi + direction: An Interesting CSS Sample这里有一个好玩的用法, 该用法可以阻止机器人搜索你的电子邮件地址: 给我电子邮件: moc.liamg@gnuehcmeleb <div style="border: #2c72bb 1px solid;"> <div style="border: #fff 12px solid;">这里有一个好玩的用法, 该用法可以阻止机器人搜索你的电子邮件地址:<br/><br/> 给我电子邮件: <span style="unicode-bidi:bidi-override; direction:rtl; color:#c00;">moc.liamg@gnuehcmeleb</span> </div> </div> 你所看到的电子邮件是正常的, 但是搜索引擎或者其他网页机器人只会查找源代码, 它不会去管显示出来是什么, 因此只能找到moc.liamg@gnuehcmeleb, 这样的电子邮件他随便怎么发送垃圾邮件对你都是没有损害的, 呵呵. direction: rtl; 该属性我前面已经讲过 主要是文字从右往左显示 参阅我前面的示例即可. unicode-bidi: bidi-override; 严格按照direction属性的值重排序 呵呵 这俩可算合作愉快阿. 此外, unicode-bidi还有另外两个属性值: unicode-bidi: normal; 对象不打开附加的嵌入层，对于内联要素，隐式重排序跨对象边界进行工作 unicode-bidi: embed; 对象打开附加的嵌入层，direction属性的值指定嵌入层，在对象内部进行隐式重排序 怎么又是什么什么内联? 呵呵 前面已经说过了, 那么什么是内联呢? 你不需要知道, 在MSN Spaces中, 我们只能使用内联样式表, 其他的外联以及内嵌样式表都是不能使用的. 下面的例子直接说明unicode-bidi:的normal属性值和bidi-override属性值得不同. 请注意汉字/英语以及标点符号的位置. 汴水流,泗水流,流到瓜州古渡头.吴山点点愁.思悠悠,恨悠悠,恨到归时方始休.月明人倚楼. 我的神呀, My Lord! 低调低调, Low-pitched, Low-pitched! 中文不能显示么? 奇怪... <div style="border: #2c72bb 1px solid;"> <div style="border: #fff 12px solid; unicode-bidi:bidi-override; direction: rtl;"> 汴水流,泗水流,流到瓜州古渡头.吴山点点愁.思悠悠,恨悠悠,恨到归时方始休.月明人倚楼. <br/>我的神呀, My Lord! 低调低调, Low-pitched, Low-pitched! </div> </div> 汴水流,泗水流,流到瓜州古渡头.吴山点点愁.思悠悠,恨悠悠,恨到归时方始休.月明人倚楼. 我的神呀, My Lord! 低调低调, Low-pitched, Low-pitched! <div style="border: #2c72bb 1px solid;"> <div style="border: #fff 12px solid; unicode-bidi:normal; direction: rtl;"> 汴水流,泗水流,流到瓜州古渡头.吴山点点愁.思悠悠,恨悠悠,恨到归时方始休.月明人倚楼. <br/>我的神呀, My Lord! 低调低调, Low-pitched, Low-pitched! </div> </div> Comments (12)
Trackbacks (2)The trackback URL for this entry is: http://gb2312.spaces.live.com/blog/cns!3CDBA96A871601F6!21691.trak Weblogs that reference this entry
|
|
|
