网页的表格布局：
常用<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="width: 10%">姓名：</td> <td class="text0" style="width: 25%"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td style="width:8"> </td> <td><input id="txtProjectName" name="txtProjectName" style="WIDTH: 100%" runat="server" /></td> <td style="width:8"> </td> </tr> </table> </td> <td class="title1" style="width: 10%">年龄：</td> <td class="text0" style="width: 25%"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td style="width:8; height: 24px;"> </td> <td style="height: 24px"><input id="Text1" name="txtProjectName" style="WIDTH: 100%" runat="server" /></td> <td style="width:8; height: 24px;"> </td> </tr> </table> </td> <td class="title1" style="width: 10%">单位：</td> <td class="text0" style="width: 25%"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td style="width:8"> </td> <td><input id="Text2" name="txtProjectName" style="WIDTH: 100%" runat="server" /></td> <td style="width:8"> </td> </tr> </table> </td> </tr> <tr> <td class="title1" style="width: 10%">备注：</td> <td class="text0" style="width: 25%"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td style="width:8"> </td> <td><input id="Text3" name="txtProjectName" style="WIDTH: 100%" runat="server" /></td> <td style="width:8"> </td> </tr> </table> </td> </tr> </table>
标签：asp,表格,样式,该处,布局,一列,放置,net 来源： https://www.cnblogs.com/sunnywam/p/table.html
本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享； 2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关； 3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关； 4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除； 5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。