angular Ionic中的item内容换行

 

在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>

 

 

 

 

• 
• 大小: 12.3 KB

• 查看图片附件