Angular Slider - html我需要添加左右邊距

Question

我使用的是角滑塊 http://ngmodules.org/modules/angular-slider。

一切正常，但有一個例外 - 我無法使滑塊符合邊距。

我的目標是讓頁面中央的滑塊位於每一邊，每邊有大約20％的空白空間。

<div style="text-align: center;"> 
.... 
    <div style="margin: 40px 0 60px 0; font-size: 10pt;"> 
     <div style="width:20px"> 
     <a style="text-align: left; margin-left: 20%;margin-right: 20%"> 
     <slider floor="0" ceiling="500" step="50" precision="2" ng-model="cost"></slider> 
      </a> 
     </div> 
</div> 
</div> 

Answer 1

不知道是否有幫助，但你可以嘗試設置：

position: relative; 
left: 20%; 
right: 20%; 

Answer 2

我不知道爲什麼你想做到這一點，造型的<a>元素，但是從代碼角的頁面，你應該使用這樣的事情：

<ul> 
    <li ng-repeat="item in items"> 
     <p>Name: </p> 
     <p>Cost: </p> 
     <slider floor="100" ceiling="1000" step="50" precision="2" ng-model="item.cost"></slider> 
    </li> 
</ul> 

所以，以適應您的情況：

<div class="container"> 
<ul> 
    <li ng-repeat="item in items"> 
     <p>Name: </p> 
     <p>Cost: </p> 
     <slider floor="100" ceiling="1000" step="50" precision="2" ng-model="item.cost"></slider> 
    </li> 
</ul> 
</div> 

現在，CSS是因爲這很容易：

.container{text-align:center} 
ul{width:60%; margin:20px auto} /* adjust vertical margins to your needs */ 
li{....} 

注意，這個例子中使用的UL和LI建築，但你可以使用DIV相同的邏輯顯然更換。不知道爲什麼你想要一個A，但嘗試一下，也許它工作，我只是不明白需要，可能需要更多的信息。