html - 显示内联 Gridview、Detailsview 和带有文本的 div

Question

我的定位有问题。我有一个 GridView 和一个详细信息 View 以及一个带有一些文本的 div。我想内联显示这 3 个东西，当窗口变小时，东西自动必须是一个在另一个下面。这是详细信息 View 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 显示在详细信息 View 下并彼此相邻。有什么建议可以在没有窗口大小调整问题的情况下内联显示吗？？？

Answer 1

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

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