飘零雾雨的专栏

欢迎到我的主博客:css探索之旅(http://blog.doyoe.com/)

用BDO改变文本流方向控制阅读顺序

由于各个国家在阅读顺序上可能存在差异,所以有的时候需要能够控制文本的书写方向,或由左到右,或由右到左。

这时我们就可以用BDO这个东东来搞定对文本流方向的控制,要注意的是BDO元素将关闭双向法则并控制阅读顺序,当你使用BDO元素时必需附带DIR标签属性。

演示地址:http://www.doyoe.com/model/dhtml/example/bdo.htm

XHTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="Author" content="飘零雾雨|edzmaster@gmail.com" />
<title>BDO文本片断双向法则</title>
</head>
<body>
<dl>
  <dt><strong>不使用BDO的普通文本:</strong></dt>
  <dd>一二三四五六七八九十</dd>
</dl>
<dl>
  <dt><strong>使用BDO并且方向由右到左(rtl):</strong></dt>
  <dd><bdo dir="rtl">一二三四五六七八九十</bdo></dd>
</dl>
<dl>
  <dt><strong>使用BDO并且方向由左到右(ltr):</strong></dt>
  <dd><bdo dir="ltr">一二三四五六七八九十</bdo></dd>
</dl>
<dl>
  <dt><strong>使用BDO并且两次改变方向:</strong></dt>
  <dd><bdo dir="rtl">五四三二一,<bdo dir="ltr">五四三二一。</bdo></bdo></dd>
</dl>
<h1>*使用BDO元素时必需附带DIR标签属性</h1>
</body>
</html>

* 一般,BDO的出现需要有如div, p, h系列,  del等的start-tag。

最后一段两次改变文本流方向,其实就是另写一个设置了DIR标签属性的BDO,用来覆盖上一个的双向法则,达到再次转换文本流的目的。

 
阅读更多
文章标签: xhtml html div
个人分类: CSS
上一篇DIV布局之三行三列之高度自适应补遗
下一篇如何对select元素中的选项进行逻辑分组
想对作者说点什么? 我来说一句

QTabWidget 改变Tarbar文字方向

2017年07月11日 7KB 下载

没有更多推荐了,返回首页

关闭
关闭