Vertical Align Middle asp.net steuert

Question

Ich habe mir alle Beispiele angesehen und keiner scheint für mich zu arbeiten.

Ich habe folgende auf einer ASP .net Seite

<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> 

Ich versuche, die die PFDExpandColapseImg und den PFDOrgPayDateStatus zu bekommen vertikal ausgerichtete Mitte zu sein.

Wenn jemand helfen kann, würde es sehr geschätzt werden.

Answer 1

Einige schlugen vor, die mir folgen und es funktioniert

<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>