我最近在一家视听公司开了一份新工作,他们让我开发了一个应用程序,允许用户(无需身份验证)将图像上传到显示页面并让它自动滚动。
我选择了我唯一有用的旋转木马,但我的问题是横向图像没有与肖像图像垂直对齐。
设置了我的代码,以便将上传的图像发送到数据库,然后检索以自动显示在轮播中,以便每个图像都有自己的div标签。
页面本身不会在没有数据库连接的情况下加载,并且由于其中的PHP元素而无法在JSFiddle中工作。
这里还有我的问题截图:
Image 1 displaying portrait image at full height
Image 2 displaying landscape image at top of the page
我希望图像2显示在页面的中心,我想找到正确的信息,我似乎找不到我想要的东西。
请帮帮我,我非常感谢! AlexJamesDean。
答案 0 :(得分:0)
您可以为图像div添加位置
.autoplay{position: relative;}
#img_div {
width: auto;
height: auto;
postion: absolute;
top: 50%;
transfrom: translateY(-50%);
}
答案 1 :(得分:0)