语义 UI 分隔线黑条

Posted

技术标签:

【中文标题】语义 UI 分隔线黑条【英文标题】:Semantic UI Divider black bar 【发布时间】:2017-03-03 04:44:21 【问题描述】:

我在使用语义 UI 时遇到问题。当我添加标准分隔线时,页面在分隔线应该是黑色的地方,即使我有所有必要的文件让它正常工作。这是分隔线的 html 标记:

<div class="ui horizontal divider"></div>

这让我得到以下结果:Black Box, Semantic-UI

感谢您的帮助。问候,阿什利。

【问题讨论】:

你能在你的代码中添加一个 JS fiddle 链接吗? 你试过把文字放在 div 里吗? 我无法复制这个。您能否按照 Sarthak 的建议发布整个页面的代码或创建 JSFiddle? 【参考方案1】:

尝试对该元素使用自定义 CSS,高度和宽度

width: 100%;
height: 1px;

【讨论】:

以上是关于语义 UI 分隔线黑条的主要内容,如果未能解决你的问题,请参考以下文章

如何在 Material-ui 表中添加垂直列分隔符

无法在 UI 表格视图自定义单元格中插入分隔符

何时使用术语“分隔符”、“终止符”和“分隔符”

如何在千位分隔符的垫子中获取 UI 的价值

如何在 Kendo UI 菜单上的多个组之间插入分隔条

我们如何使分隔线高度等于 SWIFT UI 小部件中水平堆栈的另一个子级