1

その下に 3 つのボタンがある GridView があります。最初のボタンの左端が GridView の左端に揃えられ、2 番目のボタンが GridView の下の中央に配置され、3 番目のボタンの右端が GridView の右端に揃えられるように、それらを配置する方法を見つけようとしています。 . GridView の幅が拡大した場合、ボタンを GridView に合わせたままにしたいと考えています。現在、ボタンは水平方向に「ひとまとめ」にされ、左側に配置されています。ここに私が欲しいもののラフスケッチがあります。

.

4

3 に答える 3

0

Gridview と Buttons をテーブルの別々の行に配置するのはどうですか?

インライン スタイルの例を次に示します。

<table>
    <tr>
        <td colspan="3" style="width: 100%">
            <asp:GridView ID="GridView1" ShowHeader="false">
                 ...
            </asp:GridView>
        </td>
    </tr>
    <tr>
        <td style="width: 33%; text-align: left">
            <asp:Button ID="button1" runat="server" />
        </td>
        <td style="width: 33%; text-align: center">
            <asp:Button ID="button2" runat="server" />
        </td>
         <td style="width: 33%; text-right">
            <asp:Button ID="button3" runat="server" />
        </td>
    </tr>
</table>
于 2012-09-07T15:52:03.673 に答える
0

それを行う方法はいくつかあります。ボタンをグリッドのフッターに配置するか、グリッドと同じ幅のグリッドの下に大きな div またはテーブルを配置できます。

私はそれらを次のようにフッターテンプレートに入れます:(疑似)

div width 100%
   div  33%
     button 1 (align it to left)
   div 33%
     button 2 (align it to center
   div 33%
     button 3 (align it to right

固定サイズがわかっている場合は使用できます

編集: グリッドの下に大きなギャップがあることに気付きました。このように配置できます

div 100%
   grid  (assuming 100% also)
   div  (100%)
     and div 33% with buttons go here
于 2012-09-07T15:33:04.413 に答える
0

このコードで試すことができます

<FooterTemplate>
  <table>
      <tr>
          <td class=""><asp:Button ID="Btn1" runat="server" Text="Btn1"/>
          </td> 
          <td class=""><asp:Button ID="Btn2" runat="server" Text="Btn2"/>
          </td> 
          <td class=""><asp:Button ID="Btn3" runat="server" Text="Btn3"/>
          </td> 
      </tr>
  </table>
</FooterTemplate>

テーブルのセルにスタイルプロパティを追加できます

text-align: center;

text-align: left;

text-align: right;
于 2012-09-07T15:33:53.190 に答える