【问题标题】:When i give a long value in a column, the design breaks down当我在一列中给出一个长值时,设计就会崩溃
【发布时间】:2017-11-07 08:42:34
【问题描述】:

Design Breaks

如您所见,由于设计故障,我的滚动条无法正常工作。 这是 div 类中的丰富表。是否可以在 jsp 文件中为该列设置最大长度值?我该如何预防呢。

【问题讨论】:

  • 需要完整代码(带有 CSS 的 HTML)。截图不够
  • 我想你忘了在“这是我在 jsp 中这部分的代码”之后添加你的代码
  • 所有纯 html/css 相关。没有jsp或jsf。 Jsf 在这方面只是一个 html 生成器。查看客户端 html 和 css 并从那里开始

标签: css jsp jsf


【解决方案1】:

确定您希望列的最大宽度并将overflow 设置为hidden。此外,您可以使用 CSS 自动插入省略号以指示存在截断的文本。这是一个示例选择器。

.overflow-ellipsis {
  max-width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
} 

还有一个sn-p:

.overflow-ellipsis {
  max-width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
}
<div class="overflow-ellipsis">
  0123456789012345678901234567890123456789
</div>

【讨论】:

    猜你喜欢
    • 2023-03-28
    • 1970-01-01
    • 1970-01-01
    • 2014-01-04
    • 2019-06-01
    • 2019-04-15
    • 1970-01-01
    • 1970-01-01
    • 2017-10-23
    相关资源
    最近更新 更多