首頁猿問 table 布局如何改用CSS布局

table 布局如何改用CSS布局

.NET

繁華開滿天機 2018-12-07 12:59:06

以下是我的代碼(已經(jīng)精簡了),全部用table來布局,左邊是treeview控件 ,右邊是一些textbox,但是treeview因為數(shù)據(jù)的原因,會拉得很長,弄得右邊的textbox每行之間的間距也是很大. 所以我要改用CSS定位,但不知道如何寫呀,請高人給點提示吧,非常感謝.<table class="style3">? <tr>? <td class="style4" rowspan="9"> ??? <asp:TreeView ID="TreeView1" runat="server"??? onselectednodechanged="TreeView1_SelectedNodeChanged" Width="205px"??? BorderColor="#3399FF"??? </asp:TreeView>? </td>? <td class="style5">? <asp:Button ID="AAA" runat="server" onclick="AAA_Click" Text="分類保存"??? Width="57px" />? </td> ??? </tr> ??? <tr>? <td class="style5">? <asp:Label ID="Label2" runat="server" Text="編號"></asp:Label>? <asp:TextBox ID="txtno" runat="server" Width="126px"></asp:TextBox> ??? </td>? </tr>? <tr>? <td class="style5">? <asp:Button ID="AB" runat="server" onclick="AB_Click" Text="保存"??? UseSubmitBehavior="False" Width="75px" />? </td>? </tr>? <tr>? <td class="style5">? <asp:Label ID="Label6" runat="server" Text="設(shè)備歸類"></asp:Label>? <asp:TextBox ID="txfi01" runat="server" Width="61px" ReadOnly="True"></asp:TextBox>? <asp:Label ID="Label5" runat="server" Text="設(shè)備編號"></asp:Label>? <asp:TextBox ID="txno" runat="server" Width="147px"></asp:TextBox> ??? <asp:Label ID="Label7" runat="server" Text="規(guī)格型號"></asp:Label>? <asp:TextBox ID="txfi02" runat="server" Width="158px"></asp:TextBox> ??? </td>? </tr>? <tr>? <td class="style5">? <p>? <asp:Label ID="Label9" runat="server" Text="使用部門"></asp:Label>? <asp:TextBox ID="txfi06" runat="server" Width="101px"></asp:TextBox>? <asp:Label ID="Label10" runat="server" Text="狀態(tài)"></asp:Label>? <asp:DropDownList ID="txfi07" runat="server" Width="100px">? </asp:DropDownList>? <asp:Label ID="Label11" runat="server" Text="備注"></asp:Label>? <asp:TextBox ID="txfi08" runat="server" Width="447px"></asp:TextBox>? </p>? </td>? </tr> ??? ??? </table>

查看完整描述

5 回答

楊魅力

TA貢獻(xiàn)1811條經(jīng)驗獲得超6個贊

不要全放一個table里，右邊再套一個table,這是最好的辦法

反對回復(fù) 2019-01-21

牛魔王的故事

TA貢獻(xiàn)1830條經(jīng)驗獲得超3個贊

不要全放一個table里，右邊再套一個table。

<table>
<tr>
<td>樹</td>
<td valign="top">
   <table>
      <tr><td>TexBox1</td></tr>
      <tr><td>TexBox2</td></tr>
      <tr><td>TexBox3</td></tr>
   </table>
</td>
</tr>
</table>