css文字左右间距（两端对齐的CSS怎么写？）

在设计页面的时候会涉及到文本对齐的问题    
    
    
    
，默认情况下是靠左对齐的     


     


     


     


    ，但有些时候也乤靠右对齐    
    
    
    
    。本文给大家介绍下css两端对齐




 




 




 




 


，看看css两端对齐怎么设置
   

   

   

   

，以及css中文本的对齐有哪些


     


     


     


     


。

一    
    
    
    
    、css两端对齐怎么设置

代码是：

<div style=" width:500px; height:300px; background-color:#6666CC; text-align-last:justify; color:#FFFFFF">

css两端对齐

为了让效果更加明显     

     

     

     

   ，我们给div加了宽度和底色等 




  




  




  




  

，其中css两端对齐的代码是 text-align-last:justify
 




 




 




 




。大家如果想像文本两段对齐的话

  


  


  


  


，在css里面加入这个属性代码就可以了     
     
     
     
  ，当然也可以结合具体情况设置其他的css样式  




   




   




   




   
，让整个效果更加好看   

   

   

   

   。

二


     


     


     


     


、css中文本的对齐有哪些

语法：text-align : left | right | center

说明：设定元素内文本的水平对齐方式 

     

     

     

     

。

参数：left : 左对齐；right : 右对齐；center : 居中；justify : 两端对齐

前面说到默认情况下


 



 



 



 



，文本是左对齐                     ，那么如果要让文本靠右对齐   




    




    




    




    ，代码是：

<div style=" width:500px; height:300px; background-color:#6666CC; text-align:right; color:#FFFFFF">

css靠右对齐

文本居中对齐























，代码是：

<div style=" width:500px; height:300px; background-color:#6666CC; text-align: center; color:#FFFFFF">

css居中对齐

关于css两端对齐的问题                    ，本文就介绍到这里

  




  




  




  




。除了css两端对齐    



     



     



     



     ，本文还介绍了主要的css中文本的对齐有哪些  


  


  


  


  。可以看到























，常见的文本对齐方式是靠左
 




 




 




 




、居中以及靠右    
    
    
    
，相对来说css两端对齐用得还是比较少的     


     


     


     


    ，只在某些特殊情况下使用  
     
     
     
     
。总之这些css代码很简单




 




 




 




 


，大家应该能够很快学会


   




   




   




   




。

来源：http://www.12tebing.com/zhuyuan/651.html