css - 使用 overflow hidden 的 <p> 的可见文本

标签 css text paragraph

其实我觉得我的问题没有答案,但我试一试... 有什么办法可以只处理过度 float 的 div 中文本的可见部分吗?

我的意思是,有一个高度为 300px 的 div,其中的动态文本高度约为 500-600px。我创建了一个 toogle 来显示所有内容。在“折叠”状态下,我想在最后可见行的末尾放置“...”。有人认为这是可能的吗?

最佳答案

是的,这是可能的:

p { 
    text-overflow: ellipsis;
    white-space: nowrap;
}

更多信息:http://davidwalsh.name/css-ellipsis

编辑:这似乎只适用于单行元素。我为多行找到的另一个解决方案:http://www.mobify.com/blog/multiline-ellipsis-in-pure-css/

关于css - 使用 overflow hidden 的 <p> 的可见文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18801825/

相关文章:

javascript - Canvas 响应式菜单 - 打开和关闭问题

python - 何时在 python 中使用 unicode(string) 和 string.encode ('utf-8' )

php - 根据单选按钮选择更改标签文本

html - 检测HTML5段落结尾-与HTML序列化相关

javascript - 如何在 Javascript 的 console.log() 中插入介绍

jquery - 使 jQuery 下拉框内联显示

javascript - 如何改变图标显示的位置

css - 是否有类似自动行高的东西?

objective-c - 如何读取文本文件?

Python使用正则表达式匹配具有多个换行符的段落