关于TD的noWrap属性问题
想必很多人对table中的tr和td都很熟悉了吧,但是可能很多人没有到这一点,今天忽然练习的时候就发现了这个问题:
现在拿出来说一下,一本后面的学习多积点经验;
现在是我今天做的一个关于蓝天网上书店的主页
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
<%@ 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"> <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>
</font>
</td>
</tr>
</table>
</td>
</tr><!--菜单区bootom-->
<tr><!--分隔栏-->
<td height="18" > </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">密 码:<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">
<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" > </td>
</tr>
<tr valign="middle" align="center" height="30"><!--版权声明区-->
<td bgColor="#36648B"><font face="宋体" size="2">Copyright ©2010 Bulesky.Com.All right reserved.</font>
</td>
</tr><!--版权区声明bottom-->
</table>
</body>
</html>
首页中登录有文本框,设置的时候在td里面用了nowrap;
现在说一下nowrap,他的意思是禁止单元格文字自动换行,还有一个是他不跟width结合一起用,当一起用时,他不起作用,反之起作用;
nowrap=true;表示不能换行;
nowrap=false;表示可以换行;