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，但尝试一下，也许它工作，我只是不明白需要，可能需要更多的信息。