• asp.net布局(一)表格布局(转载)


    网页的表格布局:

    常用<table>表 <tr>表行 <td>表列,来布局
    方法:
    1、结构

     <table> //该表为两行一列
         <tr> //该处放置表的第一行,他有两列
      <td></td>
      <td></td>
         </tr>
    
         <tr> //该处放置表的第二行,该行有一列,并且在该列又放置了一个表,继续做行列的划分
      <td>
          <table></table>
      </td>
         </tr>
     </table>
    
    2、样式
     
    <table 样式></table> //该样式会影响整个表
     <td>内容</td> //在列中要加入的内容,如 文字,控件,图片等等。
     <tr></tr> //一般在行中不允许加内容。
    
    3、代码示例 
    <table style="text-align:center" border="0" cellpadding="2" cellspacing="0" class="border0" width="100%">
        <tr>
     <td class="title1" style=" 10%">姓名:</td>
            <td class="text0" style=" 25%">
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
         <td style="8"> </td>
         <td><input id="txtProjectName" name="txtProjectName" style="WIDTH: 100%" runat="server" /></td>
         <td style="8"> </td>
      </tr>
         </table>
         
    
         </td>
         
     <td class="title1" style=" 10%">年龄:</td>
            <td class="text0" style=" 25%">
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
         <td style="8; height: 24px;"> </td>
         <td style="height: 24px"><input id="Text1" name="txtProjectName" style="WIDTH: 100%" runat="server" /></td>
         <td style="8; height: 24px;"> </td>
             </tr>
         </table>
     </td>
         
     <td class="title1" style=" 10%">单位:</td>
            <td class="text0" style=" 25%">
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
             <tr>
                <td style="8"> </td>
         <td><input id="Text2" name="txtProjectName" style="WIDTH: 100%" runat="server" /></td>
         <td style="8"> </td>
      </tr>
         </table>
     </td>
         
         
         
        </tr>
                
        <tr>
           <td class="title1" style=" 10%">备注:</td>
           <td class="text0" style=" 25%">
               <table width="100%" border="0" cellspacing="0" cellpadding="0">
             <tr>
         <td style="8"> </td>
         <td><input id="Text3" name="txtProjectName" style="WIDTH: 100%" runat="server" /></td>
         <td style="8"> </td>
             </tr>
        </table>
           </td>
         
         
        </tr>
            
    </table>
    

      

      

  • 相关阅读:
    让数据更精准,神器标配:热图
    运维监控大数据的提取与分析
    IT运营新世界大会:广通软件开启双态运维大时代
    持续交付的Mesos与Docker导入篇
    运算符
    Django 模型层(2)
    Django模型层
    Django的模板层
    Django的视图层
    Django的路由层(URLconf)
  • 原文地址:https://www.cnblogs.com/sunnywam/p/table.html
Copyright © 2020-2023  润新知