グリッドビューの行間に余白を追加する方法

Question

グリッドビューがあり、CSSを使用して各行の間に空白スペースを追加しようとしています。

これは動作しません：

#gridview tr{ 
    margin-bottom: 10px; 
} 

はいずれも、この行います： "国境崩壊" をいじり

#gridview td{ 
    margin-bottom: 10px; 
} 

が同様に何もしません。

誰でもスペースを追加する方法は知っていますか？

Answer 1

マージンはあなたがこのようなGridViewでそれを使用することができ、次のスニペット

table.grid 
 
{ 
 
    border-collapse: collapse; 
 
}  
 

 
table.grid tr 
 
{ 
 
     border: 0px solid white; 
 
     border-width: 20px 0; 
 
}

<table class="grid "> 
 
    <tr> 
 
    <td> 
 
     Row 1 
 
    </td> 
 
    </tr> 
 
    <tr> 
 
    <td> 
 
     Row 2 
 
    </td> 
 
    </tr> 
 
</table>

ようborderまたはpaddingを使用する必要がありますテーブル要素では動作しません。

<asp:GridView ID="PetGrid" runat="server" CssClass="grid"> 

Answer 2

試してみてください

table td { 
 
\t border-bottom: solid 20px transparent; 
 
}

<table> 
 
<tr> 
 
\t <td>Content</td> 
 
</tr> 
 
<tr> 
 
\t <td>Content</td> 
 
</tr> 
 
</table>

Answer 3

使用パディング：あなたが使用しているGridViewの

#gridview td{ 
    padding-bottom: 10px; 
} 

Answer 4

？グリッド行の "inspect element"を試し、スタイルが継承されている.cssクラスを確認してください。 パディング/行の高さのようないくつかのパラメータを変更して、動作するかどうか観察し、グリッドのライブラリCSSに変更を加えるか、カスタムクラスで変更してみてください。仕様marginで

Answer 5

#gridview tr{ 
 
{ 
 

 
    height: 18px;text-align: left;font-weight: bold;color:white;padding: 5px 6px 2px;border-bottom: 2px solid #666666;white-space: nowrap; 
 

 

 
}

Answer 6

テーブルセルでは無視されます：目とTDでpadding

#gridview td{ 
    padding-bottom: 10px; 
} 

Answer 7

使用パディングを使用するLink

てみてください、

th, td { 
    padding: 15px; 

}