关于html对页面布局的几种属性,也许会经常遇到

在页面的布局中,比较习惯用表格,以下以医学知识库文章管理模块为倒,说明一些属性:

 

 1:<table  width="100%"  >
            <tr >
                <td   >
              2:  <table width="100%">
                <tr class="secrch">
                <td align="left">
                 姓名:<asp:TextBox ID="TB_SearchName" runat="server"></asp:TextBox>
                    <asp:RegularExpressionValidator ID="RegularExpressionValidator2" runat="server" ControlToValidate="TB_SearchName"
                        Display="Dynamic" ErrorMessage="不允许输入'<>=!*%-" ValidationExpression="[^\'\<\>\=\!\*\%\-]{1,20}"></asp:RegularExpressionValidator>所属类别<asp:DropDownList ID="DDL_SearchParent" runat="server">
                    </asp:DropDownList>
                     <asp:Button ID="BT_Search" runat="server" CssClass="button" OnClick="BT_Search_Click"
                        Text="查 询" />
                </td>
               <td align="right">
               <asp:Button ID="BT_Add" runat="server" Text="新 增"  CssClass="button" OnClick="BT_Add_Click"/>
               </td>
                   
               
                </tr>
               
                </table>

 在主体表格1内嵌套另一标题的表格2

设置表格2内各个属性: <tr class="secrch">该行的CSS样式

 <td align="left">该列的内容居左

抛砖引玉吧,要去吃饭了,呵呵,以后查询的时候看代码就可以了

再有一个属性,table 的td中不自动换行

<td  align="left" style="white-space:nowrap">

你可能感兴趣的:(html)