divのボタンを左揃えにする方法は？

私は自分のアスパネルのいくつかのボタンを整列しようとしています。だからbut1とbut3を一直線に並べる必要がありますか？divのボタンを左揃えにする方法は？

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
    <title></title> 
    <style> 
     .flo 
     { 
      float: left; 
     } 
    </style> 
</head> 
<body> 
    <form id="form1" runat="server"> 
    <div> 
     <asp:Panel CssClass="fl0" ID="pnl1" runat="server" Style="background-color: #DDDDDD; 
      border: solid 1px black; vertical-align: middle; text-align: center;" Width="120px" 
      Height="42px"> 
      <div style="margin-top: 0px; margin-left: -28px; float:left"> 
       <asp:Button ID="Button1" runat="server" Text="but1" /> 
       <asp:Button ID="Button2" runat="server" Text="but2" Visible="true" /> 
       <asp:Button ID="Button3" runat="server" Text="but3" Visible="true" /> 
      </div> 
     </asp:Panel> 
    </div> 
    </form> 
</body> 
</html>

出典

2011-12-13 user603007

を？ – thirtydot

この試してください：あなたのDOCTYPEがに消えた

div style="text-align:left; padding:10px 0 0 0;"> 
      <div style="padding:3px 0 0 0; height: 36px;"> 
      <asp:Button ID="Button1" runat="server" Text="but1" /> 
      <asp:Button ID="Button2" runat="server" Text="but2" Visible="true" /> 
      <asp:Button ID="Button3" runat="server" Text="but3" Visible="true" /> 
    </div> 
    </div>

出典

2011-12-13 23:38:19 BizApps

はい..ボタンはデフォルトでインラインブロック要素なので、text-align：leftはトリック – JavierIEH

divのボタンを左揃えにする方法は？

答えて

関連する問題