css超出部分省略号_css 中float后text-align无效解决办法

【www.bbyears.com--flex】

般写内容居中的时候都会使用text-align:center属性，但是内元素一旦float起来的时候，text-align就会失效。
我们只能其他的方法来达到居中的目的

 
 
 


 
  

float居中的最佳实践

   
• 宽度一
     
• 宽度二二二
     
• 三
     
• 
    
   
  
  

  本方案主要是利用父层ul的float:left+left:50%，配合子层li的float:left+right:50%(left:-50%)来达到目的的。
  html代码如下：

   代码如下
  
   
  • 宽度一
     
  • 宽度二二二
     
  • 三
     
  • 
    

    css代码如下：

     代码如下

    .sl-float-middle{position:relative; left:50%; float:left;}
    .sl-float-middle-cell{position:relative; float:left; right:50%;}

    本文来源：http://www.bbyears.com/flash/40116.html