当前位置：Gxlcms > html代码 > 文字溢出隐藏后添加省略号

文字溢出隐藏后添加省略号

时间：2021-07-01 10:21:17 帮助过：43人阅读

当我们想让文字溢出后隐藏并添加省略号的效果

在当前容器或父容器必须要设置宽度，否则代码会失效。 

.box{
         width:50%;
         text-overflow :ellipsis;/* 文字隐藏后添加省略号 */
         white-space : nowrap;/* 强制不换行 */
         overflow : hidden;/*自动隐藏文字*/
         width: 20em;/*不允许出现半汉字截断*/
    }

以上就是文字溢出隐藏后添加省略号的详细内容，更多请关注Gxl网其它相关文章！

人气教程排行

本站所有资源全部来源于网络，若本站发布的内容侵害到您的隐私或者利益，请联系我们删除！