文本超出隐藏

文本超出隐藏

效果图

基础代码

<div class="map">北京市朝阳区</div>

.map{
	width:56px;
	font-weight: 600;
	overflow:hidden;		/*超出的文本隐藏*/
	text-overflow:ellipsis; 		/*溢出用省略号显示*/
	white-space:nowrap;		 /*溢出不换行*/
}