使用文本显示内联Gridview,Detailsview和div

时间:2013-11-17 19:02:14

标签: html asp.net css gridview

我有定位问题。我有一个gridview和一个详细信息视图和一个带有一些文本的div。我希望内联显示这三件事,当窗口变小时,事物必须是另一件事。 这是详细信息视图css:

  .cssdetailsview {  text-align:center;width:125px;position:relative;}

这是Gridview css:

  .grid-viewPlayers {    
width:250px;
position:relative;display:inline-block;}

这是侧边栏css

.sidebar {
float: right;
width: 190px;
padding: 0 15px 20px 15px;}

gridview和detailsview位于带有css的div中:

   .GridContent {
text-align: left;
width: auto;
display:inline-block; }

我正在尝试使用span但它无效。

asp是:

    <div class="GridContent">

    <span>
<asp:GridView>.... </span>
    <span>
<asp:DetailsView>.... </span>
 </div>
 <div class="sidebar">texttexttexttexttexttexttexttext</div>

它在详细信息视图下显示gridview并且彼此相邻。显示内联的任何建议没有窗口调整大小问题???

1 个答案:

答案 0 :(得分:0)

尝试在Html中使用表结构: 示例:

<table>
<tr>
<td> <asp:GridView/>  </td>
<td> <asp:DetailsView/> </td>
<td> textContent  </td>
</tr>
</table>