• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >CSS > html td nowrap不换行属性使用方法

html td nowrap不换行属性使用方法

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-08-06

本文主要包含nowrap,不换行等相关知识,佚名 希望在学习及工作中可以帮助到您

nowrap是什么意思?

nowrap定义和用法

nowrap 属性规定表格单元格中的内容不换行。

实例

带有 nowrap 属性的表格单元:


TIY

浏览器支持

尽管不赞成使用 nowrap 属性,但是所有浏览器都支持它。

兼容性注释

在 HTML 4.01 中,不赞成使用 td 元素的 nowrap 属性;在 XHTML 1.0 Strict DTD 中,不支持 td 元素的 nowrap 属性。

请使用 CSS 代替。

CSS 语法:<td style="white-space: nowrap">

CSS 实例:td 中不换行

在我们的 CSS 教程中,您可以找到更多有关 white-space 属性的细节。

语法

<td nowrap="value">属性值

HTML中td元素的nowrap属性表示禁止单元格中的文字自动换行。

但使用时要注意的是,td元素noWrap属性的行为与td元素的width属性有关。td元素中nowrap属性的行为与td元素的width属性有关。如果未设置td宽度,则nowrap属性起作用的,如果设置了td宽度,则nowrap属性不起作用。

nowrap详细解说

nowrap表示是否允许表格中的文本换行
nowrap=true的时候不能换行
nowrap=false可以换行

nowrap实例演示



<html> <head> <title>wrap属性研究</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> </head> <body bgcolor="#FFFFFF" text="#000000"> <p>测试字符串:</p> <p>我终于明白,我其实有一条韧性十足的命,它远比我想象中的那条命结实得多、耐磨的多……</p> <p>单元格未设置nowrap属性的空表:</p> <table width="100" border="1" cellspacing="0" cellpadding="0"> <tr> <td>&nbsp;</td> </tr> </table> <p>加入测试字符串:</p> <table width="100" border="1" cellspacing="0" cellpadding="0"> <tr> <td>我终于明白,我其实有一条韧性十足的命,它远比我想象中的那条命结实得多、耐磨的多……</td> </tr> </table> <p>单元格设置了nowrap属性,未设置width属性:</p> <table width="100" border="1" cellspacing="0" cellpadding="0"> <tr> <td nowrap>我终于明白,我其实有一条韧性十足的命,它远比我想象中的那条命结实得多、耐磨的多……</td> </tr> </table> <p>单元格设置了nowrap属性,也设置了width属性:</p> <table width="200" border="1" cellspacing="0" cellpadding="0"> <tr> <td width="120" nowrap>我终于明白,我其实有一条韧性十足的命,它远比我想象中的那条命结实得多、耐磨的多……</td> <td>&nbsp;</td> </tr> </table> </body> </html>
提示:您可以先修改部分代码再运行

您可能想查找下面的文章:

  • html td nowrap不换行属性使用方法

相关文章

  • 2017-08-06span设CSS样式总是不起作用的解决方法
  • 2017-08-06css和jquery设置文字的显示和隐藏
  • 2017-08-06编写易于管理的css的技巧
  • 2017-08-06百度有啊 CSS圆角实现代码
  • 2017-08-06在IE下,当margin:0 auto;无法使得块级元素水平居中时
  • 2017-08-06深入理解CSS中的属性模块
  • 2017-08-06Css绘制箭头实现代码
  • 2017-08-06CSS Hack 浏览器兼容整理
  • 2017-08-06css的核心内容 标准流、盒子模型、浮动、定位等分析
  • 2017-08-06DIV 边距属性在Chrome和IE中的区别深入理解

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 鼠标悬停图片产生边框的效果实现
    • 需要知道的CSS3动画技术
    • html pre标签使文本自动换行
    • 优化浏览器渲染 避免CSS expressions
    • 简单但很实用的5个css属性
    • CSS中的空白效果属性使用小结
    • CSS3 display知识详解
    • 用CSS中的map标签制作单图多区域点击的示例
    • 浅谈CSS响应式图片运用中的srcset属性
    • CSS十问——好奇心+刨根问底=CSSer

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有