有一个表格（宽度固定），很多列，但是不知道每列的宽度，需要不管每列显示的内容有多长却不换行，这时候td的属性nowrap="nowrap"就派上用场了，不管你td的内容有多长，都会在一行显示而不会换行，如果表格的内容超过了表格本身的宽度，则会出现x轴的滚动条，反之不会出现滚动条。
但是如果有很多行很多列，这时候使用css比较合理，比较简单，此属性对应的css为
td { white-space: nowrap; }
柿子love
- 浏览: 8140 次
- 性别:
- 来自: 西安
-
最新评论
善用td属性nowrap，结合css
- 博客分类：
- CSS
相关推荐
td nowrap css nowrap使用说明于注意事项
但使用时要注意的是，td元素中nowrap属性的行为与td元素的width属性有关。如果未设置td宽度，则nowrap属性起作用的，如果设置了td宽度，则nowrap属性不起作用。 通过CSS让TD自动换行 项目中 ajax 应用需要动态创建...
复制代码代码如下:”1″> <tr> <th>Poem</th> <th>Poem</th> </tr> <tr> <td nowrap=”nowrap”>Never increase, beyond what is necessary, the number of entities required to explain anything</td> <td>Never ...
css强制文字不换行，可给指定的容器增加white-space:nowrap即，下面把CSS示例写给大家,很简单
CSS实现超长字段用省略号代替 td的属性中注意nowrap有效不能设置width，但是可以设置table的width
昨天在使用css结合div布局的时候碰到了一个问题。 在一个规定宽度大小的ul里边 我把li的宽度定义为自动。企图让li根据内容长度来自动向左对齐排列。
超出一行隐藏: overflow:hidden; //超出的文本隐藏 text-overflow:ellipsis; //溢出用省略号显示 white-space:nowrap; //溢出不换行 但是第三条属性，只能显示一行，不能用在... //这个属性不是css的规范属性，需要组
<title>CSS控制文本溢出_网页特效_javascript特效_css特效-ViewCss网页特效网 <meta name="Keywords" content="CSS控制文本溢出_网页特效,javascript特效,css特效,网页特效代码,网站制作" /> ; charset=gb2312" />...
css +="td{"; css +=" border: 1px solid #ddd;"; css +=" text-align: left;"; css +=" white-space: nowrap"; css +="}"; css +="th{"; css +=" border: 1px solid #ddd;"; css +=" text-align: left;"; ...
1.css的概述 1.问题 HTML属性修饰有一定局限，是不太便捷 2.css的语法规范 1.使用css样式方式 1.内联样式 行内样式 特点：将css样式定义在HTML标记中 语法： 样式声明：用样式属性和值组成（属性:值;） ...
但对于表格单元格只知道一个属性nowrap可以使其不换行。 近日有此需要，但发现加上nowrap在某些情况下还是会换行！无奈，没有一个强制不换行的方法吗？ 用CSS实现Table单元格数据自动换行或不换行的实现方法： ...
使用css属性word-break:break-all; 后的效果：如下图： 强制不换行 复制代码代码如下:{ white-space:nowrap; } 自动换行 复制代码代码如下:{ word-wrap: break-word; word-break: normal; } 强制英文单词断行...
标题字数不光是程序可以控制，而且也可以用CSS控制，以下是具体写法： CSS------------------ .text{width:180px; overflow:hidden;text-overflow:ellipsis; white-space:nowrap; course:hand; margin:0 auto;} ...
方法一：用CSS截断字符串：IE,FireFox，Opera ，Safari都兼容 .subLongText{ width:150px; height:24px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-overflow: ellipsis;/* IE/Safari */ ...
所谓省略就是把多余的字以“…”显示出来，而显示则是当鼠标移动到td上时，把省略的字重新显示出来。对于一个table，兼容IE与FF、Chrome的省略方式CSS写法： 复制代码代码如下: table{ width:200px; table-layout: ...
} td {white-space:nowrap;overflow:hidden;word-break:keep-all;text-overflow:ellipsis} </style> <table border=1> <tr> <td width=”30%”>dd</td> <td>...
代码如下： ... ;height:20px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden; >a b c d e f g h i j k l ,...还必须定义：强制文本在一行内显示（white-space:nowrap）及溢出内容为隐藏
text-overflow：clip | ellipsis 这个属性使用必须通过几个属性一块才能使用 ...2，white-space:nowrap; 这个属性是空白符的操作。这里是让整个文本不换行显示;让整个内容单行显示，配合width的话就可以进