使用此选项测试它是否会显示;

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”并不理想。您应该从这里尝试并确定它未显示的原因

我对Ionic没有太多的经验，但是你可以试着定义一个CSS类，它呈现的东西和<hr />元素完全一样。
第一个
https://jsfiddle.net/6qs02538/

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

hr {background: black;}

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

我正在使用bootstrap.min.css，除此之外，我没有理由不显示。但是，我需要下面的代码看到一条细线。设置可见性和背景没有任何作用。

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

请注意，我没有使用类来设置属性。我只是直接在html中使用<hr/>。（在上面的答案中，她/他使用了一个类名并将其应用于div。因此，<div class="hr">