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怎么样控制文本两行显示多余的行数隐藏的主要内容,如果未能解决你的问题,请参考以下文章
如果兄弟 div 中的行超过 n 行,则隐藏显示更多/更少 div