Question

以下是gridview的css和asp代码。边界正在蔓延，然后预期。我尝试设置宽度= 100％，但我希望边框遵循网格的大小，而不是不必要地扩展网格视图以占用空间。

这是一个带有css的Asp Gridview，用于圆角

CSS：

    .rounded-corners {
        border: 1px solid #565656;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
        overflow: hidden;
}


    .Grid td, .Grid th {
        border: 1px solid #565656;
        text-align: center; 
        padding-top: 3.5px;
        padding-bottom: 3.5px;
        font-size: medium;
        font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande',     'Lucida Sans', Arial, sans-serif;
    }

源代码：

<div class="rounded-corners">
<div>
<table class="Grid" cellspacing="0" rules="all" border="1" style="border-collapse:collapse;">
<tbody>
<tr>
<th>Description</th>
<th>Time</th>
<th>Time</th>
</tr>
<tr>
<td>abc</td>
<td>07:30</td>
<td>07:30</td>
</tr>
<tr>
<td>def</td>
<td>07:30</td>
<td>07:30</td>
</tr>
<tr>
<td>ghi</td>
<td>07:30</td>
<td>07:30</td>
</tr>
</tbody>
</table>
</div>
</div>

Answer 1

我认为网格呈现如下：

List<CompanySummary>

所以你可以设置它的样式：

<div class="Grid" id="XXXX_gv1">
<table>
<tr><th>column 1</th><th>column 2</th><th>column 3</th></tr>
<tr><td>value 1</td><td>value 2</td><td>value 3</td></tr>
<tr><td>value 1</td><td>value 2</td><td>value 3</td></tr>
</table>
</div>

asp gridview css边框超出范围

1 个答案: