jquery - 多行语句末尾的省略号

标签 jquery html css ellipsis

我试着看这里 Insert ellipsis (...) into HTML tag if content too wide但无法让 chrome 正常工作。我在所有浏览器中都有多行解决方案吗??

最佳答案

请检查一下

.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;
}

在这里,working fiddle 使用 word-wrap: break-word;overflow-wrap: break-word; 来分成多行

changed fiddle working

关于jquery - 多行语句末尾的省略号,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18329754/

相关文章:

javascript - chart.js v2 "right to left"工具提示 (RTL)

css - 媒体查询不适用于设备旋转

javascript - 在单模式中断功能中使用 Ajax 呈现部分

javascript - 在 javascript/jquery 中获取 CSS 规则

javascript - 具有相同类的 jquery 选择器

jquery - 具有可变宽度子元素的CSS3/无限垂直滚动轮播

javascript - dojo/query style ("border-right", "2px solid #CCC") 不适用于 IE8,但适用于 Chrome

jquery - 如何阻止 jquery UI slider 滑出容器

javascript - 使用 jquery 返回单个 html 元素

html - 使用透明 CSS 制作一个连接形状