0
点赞
收藏
分享

微信扫一扫

CSS超出溢出显示省略号

腊梅5朵 2023-08-12 阅读 24

作用:为了避免文本文字内容超出一定宽度后溢出,我们想要溢出的部分不显示但用省略号(...)显示

使用:overflow与text-overflow顺序不能改换

强制不换行:white-space:nowrap

将行无素换成块元素[单独占一行]:dispaly:block

.ac li {

   display: block;

   float: left;

   width: 10%;

   height: auto;

   padding: 2px;

   margin: 0;

   line-height: 18px;

   font-size: 14px;

   white-space: pre-wrap

   overflow: hidden;

   text-overflow: ellipsis;

}



参考地址:http://www.divcss5.com/rumen/r532.shtml?_d_id=f7d0748e20e2c9dbdd095b9a93e6f9

举报

相关推荐

0 条评论