很实用的属性:nowrap

最近在开发前端页面时总是碰到一个不大不小的问题:td元素的文字并没有占满一整行却换行了,就是下面这个效果:

我试了几种方法都没有成功,于是就在网上搜索了一下,结果让我发现了一个属性:nowrap，很实用，在这里分享一下（本人前端小白，之前确实不知道有这一属性，大神们无视我吧，勿喷）。

这属性直接加入到代码中即可，很方便：

使用后的效果是这样：

nowrap的作用就是规定表格单元格中的内容不换行。此属性所有浏览器都支持。
但要注意的是，td元素nowrap属性的行为与td元素的width属性有关。如果未设置td宽度，则nowrap属性起作用的，如果设置了td宽度，则nowrap属性不起作用。
想了解更多可以访问：http://www.w3school.com.cn/tags/att_td_nowrap.asp
欢迎大家来交流指正。

很实用的属性:nowrap相关推荐

做网页很实用代码集合和CSS制作网页小技巧整理
做网页很实用代码集合控制横向和纵向滚动条的显隐?<body style="overflow-y:hidden"> 去掉x轴 <body style=" ...
Web 开发中很实用的10个效果【附源码下载】
在工作中,我们可能会用到各种交互效果.而这些效果在平常翻看文章的时候碰到很多,但是一时半会又想不起来在哪,所以养成知识整理的习惯是很有必要的.这篇文章给大家推荐10个在 Web 开发中很有用的效果,记 ...
IOS web app一些实用的属性设置
IOS对safari私有的属性很多,虽然很多不为人知但是却很实用.掌握好这些属性对web app和混合app的开发会很有帮助. 1.format-detection[telephone=no] 是否自 ...
Web 开发中很实用的10个效果
在工作中,我们可能会用到各种交互效果.而这些效果在平常翻看文章的时候碰到很多,但是一时半会又想不起来在哪,所以养成知识整理的习惯是很有必要的.这篇文章给大家推荐10个在 Web 开发中很有用的效果,记 ...
网站开发中很实用的 HTML5 jQuery 插件
这篇文章挑选了15款在网站开发中很实用的 HTML5 & jQuery 插件,如果你正在寻找能优化网站,使其更具创造力和视觉冲击,那么本文正是你需要的.这些优秀的 jQuery 插件能为你的网 ...
css 一些好玩的属性,css一些不常见但很有用的属性操作大全
1.自定义文本选择 ::selection { background: red; color: black; } 2.去掉video的controls中的下载按钮 video::-internal-m ...
组态王图素制作_组态王教程很实用.doc
组态王教程很实用组态王简明教程组态王软件的结构 "组态王"是运行于Microsoft Windows 98/NT中文平台的全中文界面的组态软件,采用了多线程.COM组件等新技术, ...
告诉你C盘里的每个文件夹都是干什么用的.......很实用....
告诉你C盘里的每个文件夹都是干什么用的.......很实用...... Documents and Settings是什么文件? 答案: 是系统用户设置文件夹,包括各个用户的文档.收藏夹.上网浏览信息 ...
Connectify是一款很实用的免费软件。能把计算机变成一个无线路由器
Connectify是一款很实用的免费软件.能把计算机变成一个无线路由器.它能通过您计算机上的无线网卡发射一个无线AP,让有WiFi功能的设备(手机.笔记本)上网.3.0版以前仅支持32位Window ...

很实用的属性:nowrap

很实用的属性:nowrap相关推荐

最新文章

热门文章