`
peonyzzdx
  • 浏览: 596467 次
  • 性别: Icon_minigender_2
  • 来自: 杭州
社区版块
存档分类
最新评论

css:文字溢出的部分隐藏并用省略号代替

    博客分类:
  • web
 
阅读更多
<style type="text/css">
    .text {
        width: 100%;
        height: 20px;
        overflow:hidden;
        text-overflow:ellipsis;/*文字溢出的部分隐藏并用省略号代替*/
        white-space:nowrap;}/*文本不自  动换行*/
 
</style>




<td class="Page_TableText_Wrap" title="<ww:property value="wsnrstr"/>" >
                       <div  class="text"    ><ww:property value="wsnrstr"/>   </div>
                    </td>



示例如下:


  • 大小: 8.9 KB
分享到:
评论

相关推荐

    CSS超出文本指定宽度用省略号代替和文本不换行

    这组样式组合在一起,可以确保文本在设定的宽度内显示,超出部分被隐藏,并用省略号(...)表示。`word-break: keep-all`确保单词不会在中间被截断,而`white-space: nowrap`则防止文本换行。 2. **表格中的文字...

    微信小程序实现指定显示行数多余文字去掉用省略号代替

    在微信小程序开发中,实现指定显示行数并用省略号代替超出的多余文字是一种常见的文本显示需求。当文本内容超出特定范围时,通常希望以一种优雅的方式显示给用户,比如显示固定行数的文字,并用省略号(...)代替...

    CSS文本超出指定宽度后隐藏并显示为省略号的实现方法

    综上所述,通过设置 `text-overflow`、`overflow` 和 `white-space` 属性的组合,我们可以控制CSS中文本溢出的显示方式,使内容在超出指定宽度后能够隐藏多余部分,并用省略号来提示用户还有更多内容。这在进行Web...

    懒人原生纯CSS多(单)行文本溢出用...代替效果.zip

    通常,当文本内容过多,无法完全显示在一个固定宽度或高度的容器内时,我们可以使用CSS来实现只显示部分内容并用省略号(...)表示被隐藏的部分。这种效果在网页布局、列表展示或者标题截断等场景中十分常见,既能...

    解决layui表格内文本超出隐藏的问题

    在某些情况下,我们可能希望限制单元格的宽度并用省略号显示超出的部分,此时就需要保留或调整 `text-overflow` 的设置。 此外,需要注意的是,这些样式修改可能会影响到表格的整体布局和响应式设计。为了保持良好...

    关于中gridview 字符串截取的方法

    通过设置CSS属性,例如宽度(width)、文本对齐(text-align)、溢出隐藏(overflow)、省略号显示(text-overflow)以及空白处理(white-space),可以使得超出设定宽度的字符串部分用省略号代替,而不影响页面布局...

Global site tag (gtag.js) - Google Analytics