3列，将中心列对齐中心

-1

<div class="slider"> 
    <div class="1s">1st slide</div> 
    <div class="2s">2nd slide</div> 
    <div class="3s">3d slide</div> 
</div>

CSS这个样子的

.slider div { 
    width: 200px; 
} 

.1s { 
    float:left; 
} 

.2s { 
    margin: 0 auto; 
} 

.3s { 
    float: right; 
}

这3列滑块。它必须是100％的宽度。你能建议我如何将中央幻灯片对齐中心？中央左侧和中央右侧滑块之间的最小容差必须为150px。

现在我有问题，三维幻灯片位于第二，如何使其内联？

来源

2013-11-02 ReWWeR

听起来像是你需要外包你的日常工作，以SO？ – Kong

不，我有一个解决方案，使用表格单元格，但它只有固定的边距，并不知道如何不固定的边距。 – ReWWeR

试试这个

<div class="slider"> 
     <div class="fs"> 
      1st slide</div> 
     <div class="ss"> 
      2nd slide</div> 
     <div class="ts"> 
      3d slide</div> 
    </div> 


    <style type="text/css"> 
     .fs 
     { 
      float: left; 
      width: 50px; 
     } 
     .ss 
     { 
      float: left; 
      margin: auto; 

     } 
     .ts 
     { 
      float: left; 
      width: 50px; 
     } 
     .slider 
     { 
      width: 200px; 
     } 
    </style>

来源

2013-11-02 12:20:52

否请检查更新的任务。 – ReWWeR

作出更改，这项作品 –

但如果它将100％宽度？和所有div是相同的宽度200像素 – ReWWeR

能否请您试试这个，

<style type="text/css"> 

    .first 
    { 
     float: left; 

    } 
    .second 
    { 
     float: left; 
     margin: auto; 

    } 
    .third 
    { 
     float: left;    
    }  
    .slider 
    { 
     width: 300px; 
    } 

    .slider div{ 
      width:100px;  
    } 

    </style> 

    <div class="slider"> 
    <div class="first">  1st slide</div> 
    <div class="second"> 2nd slide</div> 
    <div class="third">  3d slide</div> 
    </div>

演示：http://jsfiddle.net/7v28D/

来源

2013-11-02 13:03:44

3列，将中心列对齐中心

回答

相关问题