Vertical Align Middle asp.net控件

I have looked at all the examples posted and none seem to work for me.

我查看了所有发布的示例,似乎没有一个对我有用。

I have the following on an asp .net page

我在asp .net页面上有以下内容

<div style="background-color:#EFEFEF">
    <div style="float: left;height: 24px">
        <asp:Image ID="PFDExpandColapseImg" runat="server" />&nbsp;&nbsp;&nbsp;&nbsp;<asp:Label ID="PFDOrgPayDateStatus" runat="server"></asp:Label>
    </div>
    <div style="float: right;height: 24px">
        <asp:ImageButton ID="PFDAuthorizePending" OnClick="PFDAuthorizePending_Click" runat="server" />
        <asp:imagebutton ID="PFDReplicate" OnClick="PFDReplicate_Click" runat="server" />
        <asp:ImageButton ID="PFDSubmit" OnClick="PFDSubmit_Click" runat="server" />
        <asp:ImageButton ID="PFDApprove" OnClick="PFDApprove_Click" runat="server" />
        <asp:ImageButton ID="PFDReject" OnClick="PFDReject_Click" runat="server" />
        <asp:ImageButton ID="PFDHistory" OnClick="PFDHistory_Click" runat="server" />
        <asp:ImageButton ID="PFDDelete" OnClick="PFDDelete_Click" runat="server" />
        <asp:ImageButton ID="PFDEdit" OnClick="PFDEdit_Click" runat="server" />
        <asp:ImageButton ID="PFDViewExceptions" OnClick="PFDViewExceptions_Click" runat="server" />
        <asp:Button ID="PFDEditEmployee" OnClick="PFDEditEmployee_Click" runat="server" />
    </div>
    <div style="clear: both"></div>
</div>

I am trying to get the the PFDExpandColapseImg and the PFDOrgPayDateStatus to be vertically aligned middle.

我试图让PFDExpandColapseImg和PFDOrgPayDateStatus在中间垂直对齐。

If anyone can help it would be very much appreciated.

如果有人可以提供帮助,我们将非常感激。

1 个解决方案

#1

Some suggested the following to me and it works

有人向我提出以下建议并且有效

<div style="background-color:#EFEFEF">
    <div style="float: left;display:flex;align-items:center;height: 24px">
        <asp:Image ID="PFDExpandColapseImg" runat="server" />&nbsp;&nbsp;&nbsp;&nbsp;<asp:Label ID="PFDOrgPayDateStatus" runat="server"></asp:Label>
    </div>
    <div style="float: right;height: 24px">
        <asp:ImageButton ID="PFDAuthorizePending" OnClick="PFDAuthorizePending_Click" runat="server" />
        <asp:imagebutton ID="PFDReplicate" OnClick="PFDReplicate_Click" runat="server" />
        <asp:ImageButton ID="PFDSubmit" OnClick="PFDSubmit_Click" runat="server" />
        <asp:ImageButton ID="PFDApprove" OnClick="PFDApprove_Click" runat="server" />
        <asp:ImageButton ID="PFDReject" OnClick="PFDReject_Click" runat="server" />
        <asp:ImageButton ID="PFDHistory" OnClick="PFDHistory_Click" runat="server" />
        <asp:ImageButton ID="PFDDelete" OnClick="PFDDelete_Click" runat="server" />
        <asp:ImageButton ID="PFDEdit" OnClick="PFDEdit_Click" runat="server" />
        <asp:ImageButton ID="PFDViewExceptions" OnClick="PFDViewExceptions_Click" runat="server" />
        <asp:Button ID="PFDEditEmployee" OnClick="PFDEditEmployee_Click" runat="server" />
    </div>
    <div style="clear: both"></div>
</div>