Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/70.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 如何在旋转木马中垂直居中随机高度的图像_Jquery_Html_Css - Fatal编程技术网

Jquery 如何在旋转木马中垂直居中随机高度的图像

Jquery 如何在旋转木马中垂直居中随机高度的图像,jquery,html,css,Jquery,Html,Css,我正在尝试添加垂直居中,它位于我的jquery旋转木马中的徽标上 我该怎么做?我的徽标的容器是:- <section class="regular slider"> <div> <a href="http://www.mobileiron.com" target="_blank"><img src="images/mobileiron.jpg" alt="" /></a> </div> <div> &

我正在尝试添加垂直居中,它位于我的jquery旋转木马中的徽标上

我该怎么做?我的徽标的容器是:-

  <section class="regular slider">
<div>
  <a href="http://www.mobileiron.com" target="_blank"><img src="images/mobileiron.jpg" alt="" /></a>
</div>
<div>
  <a href="http://www.vmware.com/products/enterprise-mobility-management.html" target="_blank"><img src="images/airwatch.jpg" alt="" /></a>
</div>
<div>
  <a href="http://www.sap.com" target="_blank"><img src="images/sap.jpg" alt="" /></a>
</div>
<div>
  <a href="https://www.jamf.com/products/jamf-pro/" target="_blank"><img src="images/jamf.jpg" alt="" /></a>
</div>
<div>
  <a href="https://products.office.com/en-us/home" target="_blank"><img src="images/ms.jpg" alt="" /></a>
</div>
<div>
  <a href="http://www.cisco.com/c/m/en_us/solutions/strategic-partners/apple.html" target="_blank"><img src="images/cisco.jpg" alt="" /></a>
</div>

将其添加到您的
.slick track
课程中。对我来说很好


将其添加到您的
.slick track
课程中。对我来说效果很好。

我认为您真正想做的就是为每个图像指定一个类,然后垂直对齐它们:

img.<your_clss_name> {
    vertical-align: middle;
}
img。{
垂直对齐:中间对齐;
}

这将按照图像的中点垂直对齐所有图像。

我认为您真正想要做的是为每个图像指定一个类,然后垂直对齐它们:

img.<your_clss_name> {
    vertical-align: middle;
}
img。{
垂直对齐:中间对齐;
}
将所有图像按其中点垂直对齐。

.home容器img{
高度:50px;
最大高度:50px;
文本对齐:居中;/*水平对齐内嵌(-block)元素*/
字体:0/0A;
}
.home img img{
高度:50px;
保证金:0自动;
填充顶部:10px;
显示:内联块;
垂直对齐:中间;/*内联元素的垂直对齐*/
字体:16px/1 Arial无衬线;/*
.home容器img{
高度:50px;
最大高度:50px;
文本对齐:居中;/*水平对齐内嵌(-block)元素*/
字体:0/0A;
}
.home img img{
高度:50px;
保证金:0自动;
填充顶部:10px;
显示:内联块;
垂直对齐:中间;/*内联元素的垂直对齐*/
字体:16px/1 Arial无衬线字体/*