Jquery 如何在旋转木马中垂直居中随机高度的图像
我正在尝试添加垂直居中,它位于我的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> &
<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无衬线字体/*