1
我正在開發我的第一個離子應用程序。我從基本的sidemenu模板開始。離子角離子含量填充問題
$ ionic start myApp sidemenu
從那裏，我創建了一個簡單的頁面與列表，它看起來像這樣...
<ion-view view-title="Players">
<ion-nav-buttons side="right">
<button class="button button-positive" ng-click="doSomething()"> Learn More</button>
</ion-nav-buttons>
<ion-content>
<ion-refresher
pulling-text="Pull to refresh..."
on-refresh="doRefresh()">
</ion-refresher>
<ion-list can-swipe="listCanSwipe">
<ion-item class="item-icon-left" ng-repeat="player in players" href="#/app/players/{{player.id}}">
<i class="icon ion-ios-contact"></i>
{{player.fname}} {{player.lname}}
<span class="item-note">
{{player.city}}, {{player.state}}
</span>
<ion-option-button class="button-positive" ng-click="share(item)">
[Option 1]
</ion-option-button>
</ion-item>
</ion-list>
</ion-content>
</ion-view>
我的問題是關於具體的<span class="item-note">部分。我從Ionic的例子中得到了這個示例代碼：http://ionicframework.com/docs/components/#item-icons。在他們的例子中，你可以看到註釋文本一直到右邊，但在我的頁面中有很多填充。我認爲源，它似乎是從這裏來的......
.item-complex .item-content, .item-radio .item-content {
position: relative;
z-index: 2;
padding: 16px 49px 16px 16px;
border: none;
background-color: #fff;
}
我知道我可以寫我自己的CSS來覆蓋這一點，但我寧願它只是工作就像在他們的榜樣，沒有我與它修修補補。我在標記中做錯了什麼？這是一個錯誤？我如何擺脫右側49px的空白，看起來像他們的例子？謝謝！