Question

如何使hr元素出现在离子框架中？当我做小时，它没有显示任何/不可见，或者查看空白。

制造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没有多少经验，但您可以尝试定义一个与<hr />元素完全相同的CSS类。我认为这应该有效。

＆＃13;

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

＆＃13;

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

＆＃13;

https://jsfiddle.net/6qs02538/

Answer 3

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

hr {background: black;}

Answer 4

如果有人仍然面临这个问题，请使用 ion-item-divider 标签

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

4 个答案: