水平对齐DIV中的两个图像

时间:2014-01-30 22:35:10

标签: html image alignment

我有两张图像,我试图水平居中对齐。目前它们看起来像这样......

enter image description here

但是,我希望“立即申请”按钮水平对齐......

enter image description here

这两张图片的当前代码是......

<img class="alignright" src="image1.png" alt="" />
<img src="image2.png" align="right">

我试图在没有CSS的情况下将它们居中对齐,如果没有它我可以做到这一点,我宁愿不使用CSS。如果我必须使用CSS,那么我会感谢您提供的任何帮助!

谢谢!

3 个答案:

答案 0 :(得分:0)

使用CSS只需使用值vertical-align

middle属性

有关vertical-align的更多信息:http://www.w3schools.com/cssref/pr_pos_vertical-align.asp

没有CSS ......我不知道。

答案 1 :(得分:0)

将以下css添加到图像所在的父框或元素中:

style="display:table-cell; vertical-align:middle;"

HTH

答案 2 :(得分:0)

只需对第二张图片应用两条规则。

<img class="alignright" src="image1.png" alt="" />
<img class="center" src="image2.png" align="right">

css code:
.center{
positon:relative;
top:50%;
bottom:50%;
}