【问题标题】:Css styling in rails导轨中的 CSS 样式
【发布时间】:2013-08-04 17:40:32
【问题描述】:

所以,我正在处理这个项目 (http://www.leapfm.com/),我一直在收集反馈。一点是:

1 个赞,发布了 5 天...有点远离它所在的链接 连接到它下面的链接。 “詹姆斯布莱克 - 逆行” - > 1 like -> 看起来它可能属于“Paris - Magic Man”

但我无法解决放置填充:0;对 subtext 类不起作用。

如何做到这一点?

代码片段(很确定它在这个元素上):

.subtext {
font-family: Verdana;
font-size: 7pt;
color: #828282;
padding: 0;
margin: 0;
}

【问题讨论】:

  • 你能显示出问题所在的那段代码吗?只是一个链接有点不清楚。
  • 当然,一秒钟(将编辑原始帖子)但您也可以使用“检查元素”或“萤火虫”
  • 不确定..text-index:-xx px..negative index 可能有效..但不确定...如果你给我们一个小提琴,那就太好了
  • 我认为你没有向我们展示你的小提琴中的问题

标签: ruby-on-rails html css ruby-on-rails-4


【解决方案1】:

除此之外,您的 HTML 标记非常错误,例如,您不能在 span 标记中包含 li 标记。通过http://validator.w3.org/check?uri=http%3A%2F%2Fwww.leapfm.com%2F&charset=%28detect+automatically%29&doctype=Inline&group=0查看您的网站。

您不能将marginpadding 添加到span,除非它是块对象。 如果您将display:block 添加到您的.subtext,它将更接近您的标题,并且底部可以有更多margin

【讨论】:

  • +1 以获得好的答案,而不是寻找快速的肮脏修复,最好编写好的代码。
【解决方案2】:

将以下代码添加到您的.subtext

position:relative;
top:-10px;

示例:: FIDDLE

【讨论】:

  • 这是一个 css hack,不是一个有用的解决方案。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2014-06-27
  • 2016-12-11
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2018-05-28
相关资源
最近更新 更多