css text-align属性简介说明


摘要:
下文讲述css属性text-align的功能简介说明,如下所示;


css text-align属性功能说明

css text-align属性功能:
设置html标签中内容的水平对齐方式
text-align中的justify是两端对齐生效,需在汉字中间插入空格信息

css text-align语法:
    text-align:start end|match-parent|<string>?[start|end|left|right|center|justify]
  --------------参数说明-------------
    left:
     内容左对齐
    center:
     内容居中对齐
    right:
     内容右对齐
    justify:
     内容两端对齐
    start:
     内容对齐开始边界(CSS3)
    end:
     内容对齐结束边界(CSS3)
    <string>:
     字符串必须是单一字符,否则申明将无效(CSS3)
    match-parent:
      这个值和 inherit 表现一致,只是该值继承的 start 或 end 关键字是针对父母的 direction 值并计算的,计算值可以是 left 和 right(CSS3)
    start end:
      指定 start 对齐第一行和任何强制打断的行;end 对齐所有剩余的行不受 text-align-last 影响(CSS3)
 


css 属性举例

  
<meta charset ='utf-8' />
<style>
 li{
    overflow:hidden;
    width:200px;
    height:21px;
    text-align:justify;
    text-align-last:justify;
   }
li:after{
    display:inline-block;
    overflow:hidden;
    width:100%;
     height:0;
     content:'';
   }

</style>
<p>
 maomao365.com <br />
 text-align属性(justify)
两端对齐的示例说明
</p>
<hr />
<ul>
	<li>猫 猫 教 程</li>
	<li>maomao 365.com</li> 
</ul>     
text-align:justify属性注意事项:
    1.text-align:justify属性不处理强制换行的数据,不处理最后一行数据
    2.text-align-last用于处理最后一行数据
css之text-align属性示例说明

css之text-align属性示例说明