css如何使用带省略号的div实现多行文本字段

标签 css html text ellipsis

<分区>

Possible Duplicate:
Insert ellipsis (…) into HTML tag if content too wide
With CSS, use “…” for overflowed block of multi-lines

您好,我正在尝试使用 div 标签来显示问题 由于布局规范,此 div 框受大小限制 这个 div 标签应该显示尽可能多的文本,如果它不能显示所有,它应该在末尾有省略号(即.....)

目前我希望它在该 div 中最多显示 3 行

如果超过3行,会显示省略号

例子:

这是一个问题, 来自关注学生 谁参加了...

我当前对该 div 标签的样式如下:

 .question {
    max-height: 40px;
    max-width:200px
    text-overflow: ellipsis;
    overflow: auto;
 }

这并不能解决问题... 请帮忙

最佳答案

在上面添加“溢出:隐藏”

关于css如何使用带省略号的div实现多行文本字段,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9798252/

上一篇:html - 自定义字体 CSS - 错误

下一篇:javascript - 我需要帮助让 JQuery 函数 slideDown 在我的代码中工作

相关文章:

php - 写了一个代码来显示随机照片,但在给定时间只需要显示四个 img

javascript - 事件处理程序返回未定义?

linux - 如何从文件中选择随机行

html - Firefox 文本比 chrome 和 ie 低 1px

javascript - 粘性 div 脚本在 chrome 中不起作用

html - 如何使用Html和Css在正方形中设计4个菱形(菱形)和8个三 Angular 形(Kundli Design)

Python通过另一个列表解析字符串列表并返回匹配项

python - 通过检查 int 范围替换文本

html - Bootstrap 4 添加悬停框阴影问题

html - 如何做一个粘性页脚并且仍然能够做可滚动的 flexbox 内容?