关于TD的noWrap属性问题

  想必很多人对table中的tr和td都很熟悉了吧,但是可能很多人没有到这一点,今天忽然练习的时候就发现了这个问题:

  现在拿出来说一下,一本后面的学习多积点经验;

 现在是我今天做的一个关于蓝天网上书店的主页

 

 

 

代码
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="online_shop._Default" %>

<!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>蓝天网上书店</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,
width
="+w+",
height
="+h+"'");

}
//-->
</script>
<style type="text/css">
#Tab_Frame
{
width:
74%;
}
.style1
{
width: 553px;
}
.style2
{
width: 347px;
}
#Tab_Login
{
height: 43px;
width:
67%;
}
</style>
</head>
<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" height="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" width="100%" align="center" border="0">
<tr bgColor="ffffff" height="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">图书维护</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 height="18" >&nbsp;</td>
</tr>
<tr align="center"><!--正文区top-->
<td>
<!--可以修改区域:网页正文begin-->
<table id="Tab_Body" width="100%" cellpadding="0" cellspacing="0" bgColor="#99cc66" border="0">
<tr valign="middle" align="center" bgColor="#99cc66" height="25">
<td height="30" align="center" class="style2"><font face="宋体‘ size="2">购物流程</font></td>
<td width="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 width="50%" align="center" nowap>用户名:<asp:TextBox ID="TextBox_UserID" runat="server" Width="74%"></asp:TextBox></td>
<td nowrap>
<asp:RequiredFieldValidator ID="RFV_UserID" runat="server" ErrorMessage="*请输入用户名" ControlToValidate="TextBox_UserID"></asp:RequiredFieldValidator></td>
</tr>
<tr>
<td width="50%" align="center">&nbsp;&nbsp;码:<asp:TextBox ID="TextBox_UserPwd"
width
="74%" runat="server" TextMode="Password"></asp:TextBox></td>
<td>
<asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server"
ErrorMessage
="*请输入密码" ControlToValidate="TextBox_UserPwd"></asp:RequiredFieldValidator>
</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>
</form>
<!--可修改区域;网页正文end-->
</td>

</tr><!--正文区bottom-->
<tr><!--分隔栏-->
<td height="18" >&nbsp;</td>
</tr>
<tr valign="middle" align="center" height="30"><!--版权声明区-->

<td bgColor="#36648B"><font face="宋体" size="2">Copyright &copy;2010 Bulesky.Com.All right reserved.</font>
</td>
</tr><!--版权区声明bottom-->

</table>







</body>
</html>

 

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

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

nowrap=true;表示不能换行;

nowrap=false;表示可以换行;

 

 

 

posted on 2010-05-22 16:21  胜锐  阅读(1733)  评论(0编辑  收藏  举报