【问题标题】:In jsf, how to wrap the text in select option(SelectOneMenu)在jsf中,如何在选择选项中换行(SelectOneMenu)
【发布时间】:2019-10-31 14:15:57
【问题描述】:

在 SelectOneMenu 中,下拉列表中的值之一溢出,该值应与其他值对齐。

【问题讨论】:

  • 能否在您的问题中添加更多详细信息并分享您的尝试?
  • 与纯 html 中的方式相同,因为这是 jsf 生成的。
  • 我发现了这个类似的帖子 (stackoverflow.com/questions/50478668/…)
  • 谁能为此提供解决方案..
  • 您引用的链接是针对 PrimeFaces 的,您的问题是关于 plain jsf。纯 jsf 呈现纯 html(在客户端上做一个视图源)。因此,您的解决方案与纯 html 的解决方案相同。实际上与 jsf 无关。用html发布纯html标签问题并删除jsf标签,你会希望得到答案。

标签: jsf


【解决方案1】:

以下皮肤样式可用于 selectOneMenu

  • .ui-selectonemenu 主容器。
  • .ui-selectonemenu-label 组件的标签。
  • .ui-selectonemenu-trigger 下拉图标的容器。
  • .ui-selectonemenu-items 项目列表。
  • .ui-selectonemenu-items 列表中的每一项。

为您的菜单尝试以下方法

.ui-selectonemenu-items { display: inline !important; }

或者你可以使用

word-wrap: break-word;

【讨论】:

  • 这是用于哪个 jsf 组件?
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2012-06-12
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2013-04-21
  • 1970-01-01
相关资源
最近更新 更多