省略号在多行语句结束 [英] Ellipsis at end in multiline statement

查看:122
本文介绍了省略号在多行语句结束的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我试过在这里查看插入省略号(...)如果内容太宽,但无法进入Chrome工作。我有所有浏览器中的multiline解决方案

I tried looking here Insert ellipsis (...) into HTML tag if content too wide but could not get in chrome to work. I there solution for multiline in all browsers??

推荐答案

请检查

.contain{
    float:left;
    width:120px;
    max-width:120px;
    overflow:hidden;
}
.contain p{
    font-size: 16px;
    overflow: hidden;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

这里,工作小提琴使用 word-wrap:break -word; overflow-wrap:break-word; 用于分成多行

here, working fiddle use word-wrap: break-word; and overflow-wrap: break-word; for break into multiline

更改了小提琴工作

这篇关于省略号在多行语句结束的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆