html标签内容超出怎么办

最新推荐文章于 2021-06-10 14:41:54 发布

lBovinl

最新推荐文章于 2021-06-10 14:41:54 发布

阅读量733

点赞数

分类专栏：前端技术文章标签： html标签超出部分隐藏

本文链接：https://blog.csdn.net/lBovinl/article/details/84912497

版权

前端技术专栏收录该内容

43 篇文章 0 订阅

订阅专栏

*、经常遇到标签内容超出，使用字符长度显然不合适，于是想到了css来处理

.showbypoint {
   width:450px;//必须限制长度
   display:inline-block;//若想生效必须有block,若想和其他元素同一行必须有inline
   overflow:hidden;//超出部分隐藏
   word-break:keep-all;//单词完整性
   white-space:nowrap;//不换行
   text-overflow:ellipsis;//超出部分以省略号显示
}

-------------------------------------------------------曾爬过的坑------------------------------------------------------------

*、在A标签内使用块元素如DIV会在IE7标准模式下出现你想哭的效果，哈哈，想看到那就试试吧。