Question

我在一个1像素的东西上工作了1个多小时，这是代码：

                <div id="Zeitraum" style="border: 1px solid black; width: 200px; padding:5px;">
                Zeitraum:
                <asp:DropDownList  ID="ddlZeit" runat="server" >
                    <asp:ListItem Text="10 Tage" Value="10"></asp:ListItem>
                    <asp:ListItem Text="30 Tage" Value="30"></asp:ListItem>
                    <asp:ListItem Text="60 Tage" Value="60"></asp:ListItem>
                    <asp:ListItem Selected="true" Text="Alle" Value="100"></asp:ListItem>
                </asp:DropDownList>
                &nbsp;
                <asp:ImageButton ID="imgSend" runat="server" ImageUrl="~/Images/Icons/NavForward.png" Width="15px" Height="15px" style="" />
            </div>

这是图片： http://s2.imgimg.de/uploads/Capture04273f43PNG.png

ImageButton不在文本和DropDownList之间。为什么？我尝试了边距和填充以及许多其他内容，但没有任何帮助。

Answer 1

您可以通过设置以下样式来降低按钮： <asp:ImageButton ID="imgSend" runat="server" ImageUrl="~/Images/Icons/NavForward.png" Width="15px" Height="15px" style="position: relative; top: 2px" />

Answer 2

将表放在div中就像这样，我已经测试了它我的机器，现在看起来很好......

<div id="Zeitraum" style="border: 1px solid black; width: 200px; padding: 5px;">
    <table>
        <tr>
            <td>
                Zeitraum:
            </td>
            <td>
                <asp:DropDownList ID="ddlZeit" runat="server">
                    <asp:ListItem Text="10 Tage" Value="10"></asp:ListItem>
                    <asp:ListItem Text="30 Tage" Value="30"></asp:ListItem>
                    <asp:ListItem Text="60 Tage" Value="60"></asp:ListItem>
                    <asp:ListItem Selected="true" Text="Alle" Value="100"></asp:ListItem>
                </asp:DropDownList>
            </td>
            <td>
                <asp:ImageButton ID="imgSend" runat="server" ImageUrl="~/Images/Icons/NavForward.png"
                    Width="15px" Height="15px" />
            </td>
        </tr>
    </table>
</div>

Answer 3

更改边距或填充对您没有帮助，因为它是一个内联html元素，您只需在整行的包含框中设置边距/填充。请改为vertical-align。

Answer 4

在 DropDownList 上设置vertical-align CSS属性，而不是ImageButton。不幸的是，这个属性似乎在浏览器和浏览器版本中产生了截然不同的结果。

ASP.NET：ImageButton不在中间

4 个答案: