angular Ionic中的item内容换行

最新推荐文章于 2021-08-14 09:07:38 发布

胖鹅68

最新推荐文章于 2021-08-14 09:07:38 发布

阅读量3.7k

点赞数

本文链接：https://blog.csdn.net/hbiao68/article/details/52683342

版权

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