unicode-bidi + direction: An Interesting CSS Sample

Windows Live™

Min's profileEasy Start To The DayBlogListsFriends

Tools

Help

Blog

Listed by:

< Previous Next >

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>

5/22/2006 6:00:19 PM | View trackbacks (2) | Blog it | MSN Spaces

Comments (14)

parson yan - May 22, 2006

这次不是故意的.

任平生 - May 22, 2006

你好聪明啊，这样的法子都想得出来，佩服！

我还以为我是第一个呢？呵呵~~又被城主抢先了~~~

还有个问题，不知在这里提是否合适，反正现在这里说一下，再到你的留言问答那里问，

为什么我的空间打字评论时很卡呢？

我已经选择的够简单的主题背景了阿，难道还有起的什么因素在？期待 BELEM 的回答阿~~~

RushStar guess - May 22, 2006

............又得研究

Matt - May 23, 2006

受教！謝謝提供小技巧！

sMile - May 23, 2006

haha~~Guten Tag!!

parson yan - May 23, 2006

PPE站点好象真的不行了.

李焕生 - Aug. 21, 2006

受益非浅

away - Dec. 19, 2006

好耶好耶~~ ：）

Someone on Windows Live - Aug. 24, 2008

Amberdigital Branch,Southern Stars Enterprises Co is specializing in the development and manufacturing of screen advertisings, digital sign, digital signages and LCDs. Established in 1996, we have explored and developed the international market with professionalism. We have built a widespread marketing network, and set up a capable management team dedicated to provide beyond-expectation services to our customers.

amberdigital Contact Us
Southern Stars Enterprises Co (Hong Kong Office)
Add:3 Fl, No.2, Lane 2, Kam Tsin Tsuen, Sheung Shui, Hong Kong
Tel:+852 2681 4099
Fax:+852 2681 4586

Southern Stars Enterprises Co (Shenzhen Office)
Add:DE, 16/F, Building 2, Nanguo Tower, Sungang Road, Shenzhen, China
Tel:+86 755 2592 9100
Fax:+86 755 2592 7171

E-mail:sstar@netvigator.com
website:www.amberdigital.com.hk
alibaba:amberdigital.en.alibaba.com[ba

Someone on Windows Live - Sept. 14, 2008

To the global wow gold the cheapest wow power leveling under the cheapest single-site! -27138633646742

Someone on Windows Live - Nov. 11, 2008

lianyk Welcome to wow gold our wow Gold and wow power leveling store. We wow gold are specilized, wow power leveling professional and reliable wow power leveling website for wow power leveling selling and wow gold service. By the World of Warcraft gold same token,we offer wow power leveling the best WoW service wow power leveling for our long-term and wow powerleveling loyal customers. wow powerleveling You will find wow powerleveling the benefits and value powerleveling we created powerleveling different from other sites. As to most people, power leveling they are unwilling to power leveling spend most of wow power leveling the time wow gold grinding money Rolex for mounts or rolex replica repair when replica rolex they can purchase Watches Rolex what they Rolex Watches are badly need. The Watch Rolex only way is to look Rolex Watch for the best place rs gold to buy cheap WOW gold. Yes! You find it here! Our WoW Gold supplying service has already accumulated a high reputation and credibility. We have plenty of Gold suppliers, which will guarantee our delivery instant. Actually, we have been getting Runescape Gold tons of postive feedbacks from our loyal RuneScape Money customers who really appreciate our service.

Someone on Windows Live - Apr. 26, 2009

上海拉拉钢<a href="http://www.lalamo.net/Corporation_instruct.asp">膜结构公司</a>是一家专门主要从事建筑<a href="http://www.lalamo.net/">膜结构</a>上海上海宇栾钢<a href="http://www.yuluan.sh.cn/Corporation_instruct.asp">膜结构公司</a>。上海海洋泵阀制造有限公司是专业生产<a href="http://www.sea-pump.com/dj.html">多级泵</a>,<a href="http://www.sea-pump.com/gm.html">隔膜泵</a>,<a href="http://www.sea-pump.com/hg.html">化工泵</a>,<a href="http://www.sea-pump.com/pw.html">排污泵</a>,<a href="http://www.sea-pump.com/xf.html">消防泵</a>的大型股份企业,本公司生产的消防泵,排污泵,化工泵,隔膜泵,多级泵已广泛应用于城市给排水、城市污水处理以及国家大型环保处理工程;高层建筑增压送水,园林喷灌、消防增压、远距送水、农田排灌、纺织、造纸工业排水增压以及其他工业增压配套等。产品质量稳定可靠,远销西欧,东南亚，深受广大用户信赖和好评。上海上一泵业制造有限公司是中国最大的<a href="http://www.shangyi-pump.com/xf.html">消防泵</a>,<a href="http://www.shangyi-pump.com/pw.html">排污泵</a>,<a href="http://www.shangyi-pump.com/hg.html">化工泵</a>,<a href="http://www.shangyi-pump.com/gm.html">隔膜泵</a>,<a href="http://www.shangyi-pump.com/dj.html">多级泵</a>制造商之一,在离心历史背景制造领域，是专业生产消防泵,排污泵,化工泵,隔膜泵,多级泵、生活消防成套智能控制给水设备及水泵智能电气控制设备的大型股份制企业上海太平洋制泵是著名的<a href="http://www.tpypump.com/">排污泵</a>,<a href="http://www.tpypump.com/">离心泵</a>,<a href="http://www.tpypump.com/xiaofangbeng.html">消防泵</a>,<a href="http://www.tpypump.com/huagongbeng.html">化工泵</a>,<a href="http://www.tpypump.com/Products/2008716135243.html">潜水泵</a>,<a href="http://www.tpypump.com/Products/2008718132346.html">管道泵</a>,<a href="http://www.tpypump.com/Products/20087161484.html">污水泵</a>制造商,工厂位于嘉定区徐行工业区,公司技术力量雄厚,排污泵生产检测设备先进,管理方法科学,排污泵,离心泵,消防泵,化工泵,潜水泵,管道泵,污水泵产品质量稳定可靠,售后服务完善,离心泵、排污泵各项技术性能指标均达到设计要求,产品广泛应用于石油、化工、冶金、矿山、发电、热力、城市建设、污水处理、消防设施、集中采暖、农业排灌等行业。全采建筑工程设计有限公司专业从事<a href="http://www.qc-design.cn">上海室内设计</a>,<a href="http://www.qc-design.cn">上海装潢设计</a>，系专业建筑室内设计机构，着力为社会提供私人住宅上海室内设计、上海装潢设计和施工服务以及公共建筑室内设计和施工服务,“全采设计”吸纳志同道合的设计师加入设计团队，其各怀绝技各有所长，从室内设计之结构、造型、色彩、材质、灯光、配饰等各个方面给予设计团队最专业的技术支持。E-LIKES(依莱特斯)<a href="http://www.e-likes.com/">干洗店</a>、<a href="http://www.e-likes.com/">干洗加盟</a>中心,是源自欧洲概念的先进洗涤服务终端。其清新的形象、专业的服务、专业的干洗加盟，正如其天使般的名字一样，依莱特斯干洗店深受都市人群的喜爱,欢迎加入依莱特斯干洗加盟中心<a href="http://www.shjy.sh.cn/">干洗</a>,<a href="http://www.shjy.sh.cn/ganxijiameng.html">干洗加盟</a>。上海青浦莲盛专业生产<a href="http://www.915p.com/nijiangbeng.html">泥浆泵</a>,<a href="http://www.915p.com/xiaofangbeng.html">消防泵</a>,严格经过检验的磁力泵产品广泛应用于市政建设、农田水利、火力发电、石油化工、冶金矿山、消防环保、医药等各个领域,公司本着用心制造泥浆泵,消防泵，用情服务为宗旨愿与各界新老朋友携手共进,竭诚合作,共同创造水泵业界新的辉煌,欢迎广大新老客户前来订购泥浆泵,消防泵。Welcome to http://www.mygamebuy.com <a href="http://www.mygamebuy.com/">Buy Wow Gold</a>, We will serve you with cheap wow gold , If you want to buy cheap wow gold, please come here , the best price and services are waiting for you Buy Wow Gold.上海递玛吉传动机械有限公司是专业开发减速器、销售减速器的厂家，公司以现代化网络平台和呼叫中心为服务核心，为用户提供高品质的减速器产品与服务保障,
<a href="http://www.dimaji.com/jsdj.asp">减速电机</a>,<a href="http://www.dimaji.com/cljsj.asp">齿轮减速机</a>,<a href="http://www.dimaji.com/bxzljsj.asp">摆线针轮减速机</a>,<a href="http://www.dimaji.com/wlwgjsj.asp">蜗轮蜗杆减速机</a>,<a href="http://www.dimaji.com/wljsj.asp">蜗轮减速机</a>,<a href="http://www.dimaji.com">减速器</a>,<a href="http://www.dimaji.com/jsdj.asp">sew减速机</a>上海帅居(无框阳台)装饰成套工程有限公司提供防蚊纱窗<a href="http://www.021yajiale.com/product1.htm">封阳台</a>、<a href="http://www.021yajiale.com">无框阳台</a>的型材批发,其生产的无框阳台解决了下部受力、在阳台上装防蚊纱窗、密封性等难题，受力更合理，更安全。

Someone on Windows Live - Dec. 14, 2009

shine sun - Jan. 21

<a href="http://www.rmtvip.jp ">アイオン-aion RMT</a>
<a href="http://www.rmtvip.jp ">アトランティカ RMT</a>
<a href="http://www.rmtvip.jp ">リネージュ2 RMT</a>
<a href="http://www.rmtvip.jp ">アラド戦記 RMT</a>
<a href="http://www.rmtvip.jp ">FF11 RMT</a>
<a href="http://www.rmtvip.jp ">信長の野望 RMT</a>
<a href="http://www.rmtvip.jp ">SUN RMT</a>
<a href="http://www.rmtvip.jp ">完美世界 RMT</a>
<a href="http://www.rmtvip.jp ">新天上碑 RMT</a>
<a href="http://www.rmtvip.jp ">エイカ(aika) RMT </a>
<a href="http://www.rmtvip.jp ">Atlantica-アトランティカ RMT</a>
<a href="http://www.rmtvip.jp ">TW テイルズウィーバー RMT</a>
<a href="http://www.rmtvip.jp ">lh_ルーセントハート RMT</a>
<a href="http://www.jewelrytopbrand.com/ ">Tiffany jewelry</a>
<a href="http://www.rmtvip.jp ">ルシエルブルー(Le Ciel Bleu) RMT</a>
<a href="http://www.rmtvip.jp ">ff14 RMT</a>
<a href="http://www.rmtvip.jp ">アイオン(aion) RMT </a>

———~~———~~————~~—————~~————~~——
<a href="http://www.rmt-wm.com/games/tenjohi.html ">新天上碑 RMT </a>
<a href="http://www.rmt-wm.com/games/AIKA.html ">エイカ(aika) RMT </a>
<a href="http://www.rmt-wm.com/games/0010.html ">TW テイルズウィーバー RMT </a>
<a href="http://www.rmt-wm.com/games/A0006.html ">lh_ルーセントハート RMT </a>
<a href="http://www.rmt-wm.com/games/aion.html ">アイオン(aion) RMT</a>
<a href="http://www.rmt-wm.com/games/0003.html ">リネージュ2 RMT</a>
<a href="http://www.rmt-wm.com/games/A004.html ">アラド戦記 RMT</a>
<a href="http://www.rmt-wm.com/games/0005.html ">FF11(FFXI) RMT</a>
<a href="http://www.rmt-wm.com/games/A001.html ">信長の野望 RMT</a>
<a href="http://www.rmt-wm.com/games/0006.html ">SUN RMT</a>
<a href="http://www.rmt-wm.com/games/0018.html ">完美世界-Perfect World</a>
<a href="http://www.replica-watches-mall.com ">Replica Watche</a>
<a href="http://www.rmt-wm.com/games/dekaron.html ">デカロン RMT </a>
<a href="http://www.rmt-wm.com/games/%E5%A5%87%E8%B9%9F%E3%81%AE%E5%A4%A7%E5%9C%B0_RMT.html ">奇跡の大地 RMT</a>
<a href="http://www.rmt-wm.com/games/Atlantica.html ">Atlantica-アトランティカ RMT</a>
<a href="http://www.rmt-wm.com/games/Le_Ciel_Bleu.html ">ルシエルブルー(Le Ciel Bleu) RMT </a>
<a href="http://www.rmt-wm.com/games/FF14.html ">ff14 RMT</a>
<a href="http://www.rmt-wm.com/games/ラテール_RMT.html ">ラテール RMT </

To add a comment, sign in with your Windows Live ID.

Trackbacks (2)

The trackback URL for this entry is:

http://gb2312.spaces.live.com/blog/cns!3CDBA96A871601F6!21691.trak

Weblogs that reference this entry