zoukankan      html  css  js  c++  java
  • 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>
    

      

      

  • 相关阅读:
    从头认识java-2.2 算术操作符
    从头认识java-2.1 操作符
    从头认识java-1.8 创建和操纵对象(2)
    从头认识java-1.8 创建和操纵对象(1)
    从头认识java-1.7 单根继承与集合
    从头认识java-1.6 多态
    从头认识java-目录
    颜色
    内部CSS
    外部CSS
  • 原文地址:https://www.cnblogs.com/sunnywam/p/table.html
Copyright © 2011-2022 走看看