css 文本属性unicode-bidi的功能详解说明


摘要:
下文讲述css属性unicode-bidi的功能说明,如下所示:


css unicode-bidi的功能说明

css unicode-bidi的功能:
当同一页面中存在不同direction方向的文本显示,此时我们需使用unicode-bidi属性,

css unicode-bidi注意事项:
1..css unicode-bidi使用js设置其属性名为unicodeBidi

css unicode-bidi语法:
   unicode-bidi:normal | embed | bidi-override | isolate | isolate-override | plaintext
 -----------参数说明------
  normal:
    对象不打开附加的嵌入层,对于内联元素,隐式重排序跨对象边界进行工作。
  embed:
    对象打开附加的嵌入层,unicode-bidi属性的值指定嵌入层,在对象内部进行隐式重排序。
  bidi-override:
    严格按照unicode-bidi属性的值重排序。忽略隐式双向运算规则。


css unicode-bidi的功能示例说明

<meta charset="utf-8" /> 
 <style>
.divTest p{width:330px;margin:10px 0;border:1px solid green;}
.ltr p{direction:ltr;}
.rtl p{direction:rtl;unicode-bidi:bidi-override;}
</style>

<p>
 maomao365.com<br />
 css unicode-bidi属性示例说明
</p>
<hr />
<ul class="divTest">
	<li class="ltr">
		<strong>directio:ltr</strong>
		<p>本段文字将按照从左到右的方向进行流动。</p>
	</li>
	<li class="rtl">
		<strong>directio:rtl</strong>
		<p>本段文字将按照从右到左的方向进行流动。</p>
	</li>
</ul> 
css文本属性direction属性示例说明

css文本属性direction属性示例说明