【问题标题】:HTML Bullets Not ShowingHTML 项目符号不显示
【发布时间】:2020-10-04 16:42:21
【问题描述】:

我正在使用带有 Rails 的 TinyMCE gem(如果这很重要的话)在我的网站上生成文本。所有突然的要点都没有出现。 (它们过去显示得很好。)

在渲染完所有的 ERB 之后,最终的 HTML 非常没有样式且很无聊(看起来像这样......)

<ul>
   <li>Text here</li>
   <li>More text here</li>
</ul>

没有直接与项目符号(ul、li 或 ol)对话的 CSS。

查看其他 StackOverflow 帖子(例如 this),您应该确保 &lt;li&gt; 标签具有 css 属性 display: list-item,但是当我在 Chrome 检查器中查看它们时,它们确实具有此显示属性.

如果您想验证此属性是否正确,您可以实时查看问题here

除此之外,我不确定是什么导致了这个问题。我还能检查什么?我从来没有让子弹消失!

【问题讨论】:

  • 在您的示例中究竟是哪里出现了问题?
  • 如果我点击阅读器视图 google.com/amp/s/www.imore.com/…,我可以在您的 iphone safari 页面上看到项目符号,所以这是样式或覆盖问题。
  • @Spectric 这就是我想要找出的。子弹只是没有出现。我已经在 Chrome、Safari 甚至 IE 中测试过了。
  • @Liz 我在问你子弹应该在哪里,因为我找不到它们。
  • 它们应该位于“个体特征”标题下每个粗体字词的左侧。 @Spectric

标签: html ruby-on-rails


【解决方案1】:

根据您的实时问题here

overflow-x: hidden;&lt;li&gt;

正在隐藏子弹。

删除或添加 overflow-x : unset; 可能会有所帮助

【讨论】:

  • 是的!这行得通。但为什么!?!不明白这两者有什么关系?
  • @Liz 可能是因为list-style-position 的默认行为outside
猜你喜欢
  • 1970-01-01
  • 2021-08-24
  • 2018-09-15
  • 1970-01-01
  • 2015-07-10
  • 1970-01-01
  • 2012-11-17
  • 1970-01-01
  • 2014-08-14
相关资源
最近更新 更多