码迷,mamicode.com
首页 > 其他好文 > 详细

前端直接截取字符串

时间:2020-07-27 16:01:19      阅读:83      评论:0      收藏:0      [点我收藏+]

标签:pac   html   ice   loading   技术   ext   block   元素   spl   

前端直接截取字符串

背景

在实际开发过程中,我们有可能会遇到需要展示数据库字段,但是当字段的内容比较长的时候就有可能出现前端样式的失样的效果:

技术图片

解决:

<td>
                        <span id="email" th:text="${notice.content}" style="display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width: 300px;float: left;">
                            刻意练习清单
                        </span>
                    </td>

这时我们只需要在对应的元素上加上这样的style:

display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width: 300px;float: left;

显示:

技术图片

前端直接截取字符串

标签:pac   html   ice   loading   技术   ext   block   元素   spl   

原文地址:https://www.cnblogs.com/chenyameng/p/13384633.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!