加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

angular Ionic中的item内容换行

发布时间:2020-12-17 09:59:00 所属栏目:安全 来源:网络整理
导读:在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 {overflo

在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
  • 查看图片附件

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读