作业帮 > 综合 > 作业

求js实现多行文本溢出结尾加省略号,请看截图和代码。

来源:学生作业帮 编辑:神马作文网作业帮 分类:综合作业 时间:2024/11/11 11:12:40
求js实现多行文本溢出结尾加省略号,请看截图和代码。

如图所示,摘要的内容是用隐藏内容实现的,部分代码如下,这是新闻中心的列表加内容摘要,根据下面的代码,应该怎么写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:&#39;Microsoft YaHei&#39;;font-size:16px;color:#000000;">&nbsp; &nbsp;乐印宝凭借多年的印刷经验,经过观察和研究发现,一个完美的标识应具有独创性,并且图像清晰美观,符合标志所有者的属性,容易辨认,容易制作,具有适当的标准色彩。为此,应根据一定的设计原则和美学法则来设计标志。标识的设计思报应侧重考虑以下几点。</p>

<span style="color:#000000;"> </span><p><span style="font-family:&#39;Microsoft YaHei&#39;;font-size:16px;color:#000000;"><br>

</span></p>

<span style="color:#000000;"> </span><p><span style="font-family:&#39;Microsoft YaHei&#39;;font-size:16px;color:#000000;">&nbsp; &nbsp;1.个性特征</span></p>

<span style="color:#000000;"> </span><p><span style="font-family:&#39;Microsoft YaHei&#39;;font-size:16px;color:#000000;">&nbsp; &nbsp;标识应力求表现独特的象征形式,是易于辨认、清浙、夺目的艺术形象,有别于同行、同类的标识。</span></p>

<span style="color:#000000;"> </span><p><span style="font-family:&#39;Microsoft YaHei&#39;;font-size:16px;color:#000000;"><br>

</span></p>


求js实现多行文本溢出结尾加省略号,请看截图和代码。
你在js中或者是后台获取数据时判断你数据的长度超过一定的长度用substring方法就截取长度剩余的加省略号即可