div+css怎么样控制文本两行显示多余的行数隐藏

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了div+css怎么样控制文本两行显示多余的行数隐藏相关的知识,希望对你有一定的参考价值。

看看图片说明

参考技术A 减少宽度, 或者用JS取多少字符,后面的隐藏 参考技术B 直接设置textarea的col为2不可以吗追问

可以说的具体点吗?我截图你看看

参考技术C no-repeat 参考技术D <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<style type="text/css">
.text
height: 40px;
overflow: hidden;
width: 300px;
word-wrap: break-word;

</style>
</head>
<body>
<div class="text">
only two only two only two only two only two only two only two only two only two only two only two only two only two only two only two
</div>
</body>
</html>
问题说明:
首先把高度固定了,然后使用overfow:hidden; 把超出部分隐藏,效果请运行代码查看本回答被提问者采纳
第5个回答  2012-05-22 好像没有直接控制行数的标签、
可通过设定高overflow实现

晕死,你高度减少点不就行了,这问题还要问

以上是关于div+css怎么样控制文本两行显示多余的行数隐藏的主要内容,如果未能解决你的问题,请参考以下文章

请问用CSS如何控制自动隐藏多余的内容?

CSS+div 控制多行文本的显示,多余的以省略号显示

如果兄弟 div 中的行超过 n 行,则隐藏显示更多/更少 div

微信小程序-控制文本只显示若干行多余隐藏

css或者jquery怎么实现超出指定行数就在后面出现省略号

CSS显示两行或三行文字,然后多出的部分省略号代替