angular Ionic中的item内容换行

前端之家收集整理的这篇文章主要介绍了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

猜你在找的Angularjs相关文章