将对象(图像)与底部对齐
Align an Object (Image) to the bottom
我有一个带有索引的网页.html如下所示:
<img class="thumb" onclick="openPhoto(1);" src="img/images/campaign/1.jpg" width="710" height="533" alt="img"/>
我需要做的是将图像对齐在屏幕的底部中心,因为当我打开它们时,它们实际上出现在屏幕的顶部中心。
只使用CSS
.thumb
{
position:absolute;
bottom:0;
margin:auto;
width://your width accordingly;
}
相关文章:
- jquery移动对齐按钮取决于内容大小
- 如何在JavaScript图像滑块内居中对齐图像
- 为什么文本对齐:对;工作不正常
- 显示可链接的搜索结果+对齐方式
- 以Jquery为中心的Div中的图像对齐
- 无法将文本与图片垂直对齐
- 在这种情况下,如何正确对齐显示
- 对齐底部的DIV-谷歌Chrome扩展
- 垂直与特定边距的顶部和底部对齐
- 将元素与窗口底部对齐,但允许滚动到下面的内容
- Css浮动:右100%高度,图像底部对齐
- JS,Rails,CSS - 将按钮与页面上其他内容的底部对齐
- 将对象(图像)与底部对齐
- 将幻灯片切换框与父分区的底部对齐
- Javascript动态创建span并垂直对齐文本:文本留在底部
- 如何在标签底部对齐文本
- 如何在页面上设置#链接,但将目标与屏幕底部对齐
- Sencha Touch:如何将底部停靠工具栏中的两个按钮居中对齐
- 将重复的背景图像与容器底部的非重复背景图像对齐
- 是什么导致文本区域向上推,而不是在我的菜单底部对齐