说下单元格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" "">

<html xmlns="" >
<head runat="server">
<title>说下单元格TD的nowrap属性 蓝天网上书店title>
head>
<link rel="Stylesheet" href="MainCSS.css" type="text/css" />
<script language=javascript>

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>

<td align="center"bgColor="white" height="45">
<asp:Image ID="Image1" ImageUrl="images/Top.gif" runat="server" Height="212px"
Width
="1071px" />td>

tr>
<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>
<tr>
<td height="18" >&nbsp;td>
tr>
<tr align="center">
<td>

<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">购物流程
<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>

td>

tr>
<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>

table>







body>
html>

 

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

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

nowrap=true;表示不能换行;

nowrap=false;表示可以换行;