0

セルテーブル内にテーブルがあります。スペース全体をテーブルで占めたい。テーブルがセルの中央のみを占めているように見えます。

   <asp:ListView ID="EmployeeListView" runat="server">
      <LayoutTemplate>
           <table id="tblEmployee">
           </table>
      </LayoutTemplate>
    <ItemTemplate>
     <tr>
    <td>
    <table style = "width: 100%; border-collapse: collapse; padding: 0">
       <tr>
           <td class = "aprovGriditem">
               <asp:Label ID="Label1" runat="server" Text="3:15"></asp:Label>
           </td>
       </tr>
       <tr>
           <td class = "aprovGridalt">
               <asp:Label ID="Label2" runat="server" Text="0:45"></asp:Label>
           </td>
       </tr>
    </table>
</td>
</tr>
</ItemTemplate>
</asp:ListView>

内側のテーブルの両方のセルが、外側のセルのスペース全体を均等に占有するようにしたいのですが、中央に集中してそれらの周りにスペースを残すのではありません。

#tblEmployee
{
  border-collapse: collapse;
  height: 100%;
  width: 100%;
}
#tblEmployee th
{
 background-color: #BBC6E3;
 height: 25px;    
 }
 .aprovGriditem 
 {    
  border: 2px solid #BBC6E3;
  padding: 0;
  width: 100%;
  }
.aprovGridalt 
{
  background-color: #BBC6E3; 
  border: 2px solid #BBC6E3;
  padding: 0;
 width: 100%;
}
4

2 に答える 2

2

table次のようにスタイルを設定します。

height: 100%; width: 100%;

これらのスタイルを に追加するにtableは、インライン スタイルを使用できます。

<table style = "height: 100%; width: 100%;">

または、クラスを指定します (後で同じスタイルの組み合わせを使用する可能性があるため、より望ましい):

<table class = "bigtable">

次に、これをスタイルシートに追加します。

.bigtable {
    height: 100%;
    width: 100%;
}
于 2012-09-20T13:25:34.383 に答える