Question

我试图对齐（相对于每个人的水平中心）我的图像按钮带有输入框但不能让它工作..我在网上看到的所有例子都使用单个图像而不是翻转图像设置......

<body background="Images/Main_Background.png"> 

<center>
<a href="#"
   onclick="this.href = ('file:///V:/' + document.getElementById('prog_site').value + '/Tekeningen/Tekenwerk De Mar/Definitief/' + document.getElementById('prog_site').value + '.pdf' )"
   target="upper">

    <img src="Images/Zoek.png" border="0" alt="Form" width="40" height="40"
         onmouseover="this.src='Images/Zoek_Rollover.png'"
         onmouseout="this.src='Images/Zoek.png'"><input type="text" name="prog_site" id="prog_site" value="" /></Center>
    </img>

</body>

Answer 1

尝试类似：Fiddle

div.cont {
    text-align: center;
    line-height: 40px;
}
.cont img, .cont input{
    vertical-align: middle;
}

Answer 2

您有一些语法错误：

缺少a
img标记为自闭标记

还有什么问题？图像和输入彼此对齐。我认为一些提示可能会对您有所帮助：

将line-height:标记的center css属性添加到其元素的最大高度。在这种情况下40px - 图像的高度。 ...

对齐图像按钮和输入框

2 个答案: