Vertical Align Middle asp.net controls

Question

私はすべての例を見てきましたが、私にとってはうまくいくものはありません。

は私が垂直に整列途中であることをPFDExpandColapseImgとPFDOrgPayDateStatusを取得しようとしていた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> 

に次があります。

誰でも助けていただければ幸いです。

Answer 1

いくつかは私には、以下の提案とそれが

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

の作品