求js实现多行文本溢出结尾加省略号,请看截图和代码。
来源:学生作业帮 编辑:神马作文网作业帮 分类:综合作业 时间:2024/11/11 11:12:40
如图所示,摘要的内容是用隐藏内容实现的,部分代码如下,这是新闻中心的列表加内容摘要,根据下面的代码,应该怎么写js实现多行文本溢出结尾加省略号?
<div id="news">
<section id="">
<div class="wrap">
<div class="module newsnotice">
<div class="content">
<h4>商标设计、标识设计的基本要求</h4>
<time>2015-06-05</time>
<div style="height:100px; width:600px;">
<div style="float:left; height:90px; width:600px; overflow:hidden; white-space:normal; word-break:break-all; text-overflow:ellipsis; -o-text-overflow:ellipsis; ">
<p style="font-family:'Microsoft YaHei';font-size:16px;color:#000000;"> 乐印宝凭借多年的印刷经验,经过观察和研究发现,一个完美的标识应具有独创性,并且图像清晰美观,符合标志所有者的属性,容易辨认,容易制作,具有适当的标准色彩。为此,应根据一定的设计原则和美学法则来设计标志。标识的设计思报应侧重考虑以下几点。</p>
<span style="color:#000000;"> </span><p><span style="font-family:'Microsoft YaHei';font-size:16px;color:#000000;"><br>
</span></p>
<span style="color:#000000;"> </span><p><span style="font-family:'Microsoft YaHei';font-size:16px;color:#000000;"> 1.个性特征</span></p>
<span style="color:#000000;"> </span><p><span style="font-family:'Microsoft YaHei';font-size:16px;color:#000000;"> 标识应力求表现独特的象征形式,是易于辨认、清浙、夺目的艺术形象,有别于同行、同类的标识。</span></p>
<span style="color:#000000;"> </span><p><span style="font-family:'Microsoft YaHei';font-size:16px;color:#000000;"><br>
</span></p>