jquery - 将 Jquery Raty 插件与文本正确对齐

Question

我目前正在开发一个预约安排系统，该系统有一个用于审查的部分供实践使用。我正在使用 Jquery Rate 插件根据用户提交的反馈填充星星。我已经尝试了所有可能的方法来将星星与文本和图像对齐。请参阅随附的屏幕截图：

在此处输入图像描述

我试图让“等待时间”下的星星与我的图像对齐。图像添加到此页面，如下所示：

<%= image_tag("review_img_03.png",style:"margin:0px 4px 0px 4px;vertical-align:text-top") %>

有人能指出我正确的方向吗？我应该如何实现这一目标？我已经尝试了 CSS 中的每一件事来实现这一点，但它们都不起作用。

任何帮助将不胜感激。

score 2 · Accepted Answer

我的朋友遇到了同样的问题，找到了解决方法。请注意，如果您的网站允许动态文本大小（或者如果用户在浏览器上更改文本大小），那么这更像是一种破解而不是修复，那么它可能会出现偏差。

在实际的 jRate div（或任何你有的）上，使用 vertical-align 属性稍微调整它。出于我的目的：

#jRate {
      vertical-align: -3px;
}

奇迹般有效。

支持所有浏览器。

score 0 · Accepted Answer

您是否尝试过使用绝对定位？

Style = "position:absolute; top:-5px;left:15px;"

只需调整顶部和左侧的值即可获得所需的星星。

如果将位置设为绝对，则父元素必须具有 position = relative。否则，星星将与页面正文对齐。

2 回答 2