`

css控制只显示部分文字,防止表格撑开

    博客分类:
  • web
 
阅读更多

css控制只显示部分文字,防止表格撑开

##利用css+div控制只显示部分文字,效果是: 哈哈你好...

 

 

<div

        style="text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin-left: 15px; width: 100px">

${myList.tNotice.noticeTitle}

</div>

分享到:
评论

相关推荐

    css实现不再让内容把td撑开的常用解决方法

    为了解决这个问题,我们可以采用CSS来控制单元格的内容显示,使其不再自动撑开单元格。下面我们将详细探讨这个话题。 首先,我们需要设置表格的宽度(width)和表格布局(table-layout)。在示例代码中,`table`...

    网页表格或div层在网页中被撑开解决之道

    这样,图片过大时会被自动缩放,并隐藏超出部分,避免表格或div层被撑开。 5. **针对表格和div层的通用解决方案**: - 对于表格,推荐使用`table {table-layout: fixed;word-break: break-all;}`。`table-layout: ...

    javascript 使td内容不换行不撑开

    通过这种方式,即使单元格中的文字非常长,也不会导致表格宽度的扩展,内容会在单行内显示,并且超出部分会被隐藏。 总结来说,通过结合使用CSS的`white-space`、`overflow`和`word-break`属性,我们可以有效地控制...

    css常见的方法.docx

    在CSS(层叠样式表)中,有很多常用的方法来实现各种设计效果...以上就是CSS中关于文字居中、选择器权重、边框样式、布局对齐等常见方法的详细解析。理解并熟练掌握这些技巧,将有助于构建更美观、功能丰富的网页设计。

    微信小程序图片右边加两行文字的代码

    在微信小程序开发中,有时我们需要将图片与文字结合展示,例如让图片位于右侧,而文字则在图片旁边。本篇文章将详细讲解如何实现这一功能,通过具体的WXML和WXSS代码示例,帮助开发者更好地理解和应用。 首先,我们...

    Html 页面的强制换行问题总结

    例如,在IE浏览器中,通过设置`table-layout: fixed`,我们可以看到表格宽度被固定下来,但是如果没有配合`nowrap`属性,文字会在一行内持续延伸,导致表格被撑开。`nowrap`属性可以防止文本换行,所以当我们同时...

    浅析两列自适应布局的3种思路

    为了解决这个问题,我们可以利用`overflow: hidden`触发块格式化上下文(BFC),防止内容溢出并阻止文字环绕。对于IE6-8的兼容性问题,可以添加`zoom: 1`来触发hasLayout属性。 ```css .parent { overflow: hidden...

Global site tag (gtag.js) - Google Analytics