hr 元素不显示/使视图空白离子

Question

如何使 hr 元素出现在离子框架中？当我做 hr 时，它什么也不显示/不可见，或者查看 get 的空白。

有离子成分可以制作 hrs (v1)？如果有，是哪一个？

提前致谢。

Answer 1

用它来测试它是否会出现；

hr {
  border: 2px solid red !important;
  height: 10px !important;
  width: 500px !important;
  background: blue !important;
  display: block !important;
  font-size: 2em !important;
  opacity: 1 !important;
  visibility: visible !important;
}

注意：这只是一个测试。使用“!important”并不理想。从这里你应该尝试确定为什么它没有显示

Answer 2

我对 Ionic 没有太多经验，但是您可以尝试定义一个 CSS 类来呈现与<hr />元素完全相同的内容。我认为这应该有效。

.hr {
  border-bottom: 1px solid #ccc;
  margin: 10px 0;
  width: 100%;
}

<div class="hr"> </div>

https://jsfiddle.net/6qs02538/

Answer 3

在 Ionic 4 中，您还需要为 hr 设置背景颜色，例如：

hr {background: black;}