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

Question

我目前正在制定一个预约安排系统，该系统有一个留给实践的评论部分。我正在使用Jquery Rate插件根据用户提交的反馈填充星标。我尝试过每一件事都可以将星星与文字和图像对齐。请参阅随附的屏幕截图：

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

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

有人能指出我正确的方向我该如何实现这个目标？我已经尝试过CSS中的每一件事来实现这一点，但它们都没有工作。

任何帮助都将受到高度赞赏。

Answer 1

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

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

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

像魅力一样。

支持所有浏览器。

Answer 2

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

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

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

如果将位置设为绝对，则父元素必须具有position = relative。其他明智的星星将与页面的主体对齐。