2017-03-08 50 views
-1

我想刪除選擇框和刪除按鈕之間的空間。 下面的代碼:如何用css刪除空格

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div> 
 
    <span>Commande :</span> 
 
    <ui-select name="niveau" title="Choose a person" ng-model="dashboard.commande" theme="select2" style="min-width: 300px;"> 
 
    <ui-select-match placeholder="Choisir un message..."> 
 
     {{$select.selected.name}} 
 
    </ui-select-match> 
 
    <ui-select-choices repeat="item in people | filter: $select.search"> 
 
     <span ng-bind-html="item.id | highlight: $select.search" class="hide"></span> 
 
     <small ng-bind-html="item.name | highlight: $select.search"></small> 
 
    </ui-select-choices> 
 
    </ui-select> 
 
    <span> 
 
    <button title="sup" ng-click="dashboard.commande = undefined" class="btn btn-default"> 
 
     <span class="glyphicon glyphicon-trash"></span> 
 
    </button> 
 
    </span> 
 
</div>

圖像: image link

+0

不是圖像的可能創建一個小提琴什麼的。你可能在尋找'保證金'。將其設置爲「0」。 –

+1

CSS在哪裏? – caisah

+0

首先刪除代碼中的空格 – Banzay

回答

0

您應該使用input-group類,並把你的按鈕span內帶班input-group-btn

如示例從bootstrap website

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.js"></script> 
 
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css"> 
 

 

 
<div class="input-group"> 
 
    <input type="text" class="form-control" placeholder="Search for..."> 
 
    <span class="input-group-btn"> 
 
    <button class="btn btn-default" type="button"><span class="glyphicon glyphicon-trash"></span></button> 
 
    </span> 
 
</div><!-- /input-group -->

+0

感謝brooooooo –

0

看到,因爲你不似乎知道或有機會獲得CSS ..

更改此

<button title="sup" ng-click="dashboard.commande = undefined" class="btn btn-default"> 

對此

<button style="position:relative; margin-left:-5px;" title="sup" ng-click="dashboard.commande = undefined" class="btn btn-default">