在Ionic中item换行的标签CSS样式如下:
.item h1,.item h2,.item h3,.item h4,.item h5,.item h6,.item p,.item-content,.item-content h1,.item-content h2,.item-content h3,.item-content h4,.item-content h5,.item-content h6,.item-content p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
示例:
<div class="list margin_top_10 margin_bottom_10"> <div class="item" ng-repeat="item in lists"> <h3> <span class="float_left font_18">{{item.name}}</span> <span class="float_right font_12 color_99">{{item.mobile | replaceStr:4:7}}</span> <span class="clear_both"></span> </h3> <p class="color_99 font_12"> {{item.province}}{{item.city}}{{item.area}}{{item.address}} </p> </div> <label class="item text-center pointer" ng-click="addAddress()"> +添加地址 </label> </div>