文本超出隐藏 效果图 基础代码 <div class="map">北京市朝阳区</div> .map{ width:56px; font-weight: 600; overflow:hidden; /*超出的文本隐藏*/ text-overflow:ellipsis; /*溢出用省略号显示*/ white-space:nowrap; /*溢出不换行*/ }