Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
将Jquery Raty插件与文本正确对齐_Jquery_Css_Ruby On Rails_Jquery Plugins_Raty - Fatal编程技术网

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

将Jquery Raty插件与文本正确对齐,jquery,css,ruby-on-rails,jquery-plugins,raty,Jquery,Css,Ruby On Rails,Jquery Plugins,Raty,我目前正在开发一个预约计划系统,该系统有一个用于实践的审查部分。我正在使用Jquery Rate插件根据用户提交的反馈填充stars。我已经尝试了所有可能的方法,将星星与文字和图像对齐。请参见随附的屏幕截图: 我试图让“等待时间”下的星星与我的图像对齐。将图像添加到此页面,如下所示: <%= image_tag("review_img_03.png",style:"margin:0px 4px 0px 4px;vertical-align:text-top") %> 有人能给

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

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

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

有人能给我指出正确的方向吗?我该如何实现这一目标?我已经尝试了CSS中的每一件事情来实现这一点,但没有一件是有效的


任何帮助都将不胜感激

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

Style = "position:absolute; top:-5px;left:15px;"
只需调整顶部和左侧的值,即可获得所需的星形


如果将位置设置为绝对,则父元素的位置必须为相对。另一方面,星星将与页面正文对齐。

我的朋友也遇到了同样的问题,找到了解决办法。请注意,这与其说是修复,不如说是黑客,如果你有一个允许动态文本大小的网站(或者如果用户在浏览器上更改文本大小),那么它可能会出现扭曲

在实际的jRate div(或任何您拥有的)上,使用垂直对齐属性稍微调整它。就我而言:

#jRate {
      vertical-align: -3px;
}
工作起来很有魅力


支持所有浏览器。

@Adrift:Mate我想你误解了我的问题。我没有这方面的CSS。这是jQueryRaty插件的一个简单的原始实现,我想对它进行自定义,使其显示在“等待时间”下,而不是显示在图像下方。希望它现在有意义?在添加相对于父元素的位置并将代码添加到raty div之后,星星从页面中完全消失。您可以添加周围的代码吗?还有一个插件的链接?