HTML   /   158

想必很多人对table中的tr和td都很熟悉了吧,但是可能很多人没有到这一点,今天忽然练习的时候就发现了这个问题:
现在拿出来说一下,一本后面的学习多积点经验;

< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>说下单元格TD的nowrap属性 蓝天网上书店</title>
</head>
<link rel="Stylesheet" href="MainCSS.css" type="text/css" />
    <script language=javascript>
    <!--为实现特殊效果所设置的客户端代码
    function comOpen(fileOpen,w,h)//以弹出方式在新窗口打开网页
    {
     window.open(fileOpen,"","top=100,left=100,toolbar=no,location=no,
     directories=no,status=no, menubar=no,scrollbars=yes,resizeable=no,
    "+w+",
    "+h+"'");
    }
    //-->
    </script>
    <style type="text/css">
        #Tab_Frame
        {
            width: 74%;
        }
        .style1
        {
            width: 553px;
        }
        .style2
        {
            width: 347px;
        }
        #Tab_Login
        {
            height: 43px;
            width: 67%;
        }
    </style>

<body bgColor="#26952c" link="#000000" vlink="#000000">
            <form id="Form_Login" method="post" runat="server">
    <table id="Tab_Frame" border="0" cellpadding="0" cellspacing="0" 
        align="center"">
    <tr>
    <!--标志图片区TOP-->
    <td align="center"bgColor="white""45">
        <asp :Image ID="Image1" ImageUrl="images/Top.gif" runat="server" Height="212px" 
            Width="1071px" /></td>
    </tr><!--标志图片区BOTTOM-->
    <tr><!--分割区-->
      <td align="center">
       <table id="Tab_TopMenu" cellpadding="0" cellspacing="0""100%" align="center" border="0">
          <tr bgColor="ffffff""30">
           <td align="left" class="style1"><font face="宋体" size="4">&nbsp; <a href="./Default.aspx">主页</a>|<a href="./BookNEW.aspx">新书推荐</a>
           |<a href="./SellBest.aspx">畅销排行</a>|<a href="./BookSearch.aspx">分类查询</a>|
           <a href="./BookMan.aspx">图书维护</a></font>            
           </td>
           <td align="right"><font face="宋体' size="2">
           <a href="./UserEdit.aspx">个人资料</a>|
           <a href="./OrderSearch.aspx">订单查询</a>|
           <a href="./ShoppingCart.aspx">购物车</a>&nbsp;
           </font>
           </td>
          </tr>
       </table>
    </td>
    </tr><!--菜单区bootom-->
    <tr><!--分隔栏-->
        <td"18" >&nbsp;</td>
    </tr>
    <tr align="center"><!--正文区top-->
        <td>
         <!--可以修改区域:网页正文begin-->
              <table id="Tab_Body""100%" cellpadding="0" cellspacing="0" bgColor="#99cc66" border="0">
                    <tr valign="middle" align="center" bgColor="#99cc66""25">
                      <td"30" align="center" class="style2"><font face="宋体‘ size="2">购物流程</font></td>
                      <td"1000" ><font face="宋体" size="2">系统登录</font></td>
                    </tr>
                    <tr valign="top" bgColor="#ffffff">
                        <td align="center" class="style2">
                            <asp :Image ID="Image2" ImageUrl="images/buy.jpg"  runat="server" /></td>
                            
                        <td align="left">
                            <br />
                            <h5>【顾客须知】:</h5>
                            <ol type="1">
                                     <li>欢迎你光临蓝天网上书店,本店将本着高效,快捷,价格低廉的宗旨为你提供最优质的网上服务.</li>
                                     <li>本店只为会员服务,注册为会员后,所有的图书将享受<font color="ff0000"><b>6折</b></font>优惠.</li>
                                     <li>在本店试运营期间,<font color="#ff0000"><b>免费</b></font>注册为会员.</li>
                                     <li>当前本书店只提供汇款方式购书,在本书店订购好图术后,你需要将书款通过邮局电邮汇给本公司<br />收到书款后,我们立即将为你订购的图书以ESM特快专递的方式邮寄给你.</li>
                                     <li>本公司承诺,不满意的图书可以立即退款,如果你收到的图书有破损或者是不符合你的要求,本书<br />店将免费给你换书或是无条件给你退款.</li>
                                     <li>再次感谢你的光临,祝你购书愉快!</li>
                            
                            </ol>
                            <br />
                            <br />
                            <br />
                            <table id="Tab_Login" cellpadding="0" cellspacing="0" align="center" border="0">
                                <tr>
                                    <td"50%" align="center" nowap>用户名:<asp :TextBox ID="TextBox_UserID" runat="server" Width="74%"></asp></td>
                                    <td nowrap>
                                        <asp :RequiredFieldValidator ID="RFV_UserID" runat="server" ErrorMessage="*请输入用户名" ControlToValidate="TextBox_UserID"></asp></td>
                                </tr>
                                <tr>
                                    <td"50%" align="center">密&nbsp;&nbsp;码:<asp :TextBox ID="TextBox_UserPwd" 
                                           "74%" runat="server" TextMode="Password"></asp></td>
                                    <td>
                                        <asp :RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" 
                                            ErrorMessage="*请输入密码" ControlToValidate="TextBox_UserPwd"></asp>
                                    </td>
                                </tr>
                                <tr>
                                    <td nowrap align="left">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                        <asp :Button ID="Bt_login" runat="server" Text="登录" BackColor="#ccff66" 
                                            Width="54px" onclick="Bt_login_Click" />
                                      </td>
                                </tr>
                            </table>
                        </td>
                    </tr>
              </table>
              </td></tr></table></form>
         <!--可修改区域;网页正文end-->
        
    
    <!--正文区bottom-->
    <tr><!--分隔栏-->
        <td"18" >&nbsp;</td>
    </tr>
    <tr valign="middle" align="center""30"><!--版权声明区-->
   
        <td bgColor="#36648B"><font face="宋体" size="2">Copyright &copy;2010 Bulesky.Com.All right reserved.</font>
         </td>
    </tr><!--版权区声明bottom-->
    
</body>
</html>

首页中登录有文本框,设置的时候在td里面用了nowrap;

现在说一下nowrap,他的意思是禁止单元格文字自动换行,还有一个是他不跟width结合一起用,当一起用时,他不起作用,反之起作用;

nowrap=true;表示不能换行;

nowrap=false;表示可以换行;

网络发现者(aiwei.us)是梁道科技旗下以企业建站,微信开发,视觉设计为主要服务项目的互联网品牌。

我们为企业提供各类互联网平台项目的咨询顾问服务。依靠丰富的互联网实践经验,我们为企业从项目可行性分析,执行策略及方案等方方面面提供合理化建议。