css 文本属性direction的功能详解说明


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


css direction的功能说明

css direction的功能:
设置html元素中文本流的显示方向
css direction注意事项:
1.当一个内联元素的unicode-bidi属性为normal时,direction设置不生效
2.css direction使用js设置其属性名为direction

css direction语法:
   direction:ltr | rtl
 -----------参数说明------
  默认值:
   ltr
  ltr:文本流从左到右
  rtl:文本流从右到左


css direction的功能示例说明

<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 direction属性示例说明
</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属性示例说明