TD不换行 nowrap属性
2016-03-02 14:14
225 查看
表格table的td单元格中,文字长了往往会撑开单元格,但是如果table都不够宽了,就换行了好像(不要较真其他情况,我只说会换行的情况)。换行后的表格显得乱糟糟,不太好看,我不喜欢这样的换行。当然可以通过对每列td都设置宽度,那样太麻烦了,并且有时没法预计td中的文字会有多长,没法给固定宽度。
为了让表格里文字不换行(预计也不会太长的字符串),可以给表格里td添加一个nowrap属性,如 <td nowrap>文字内容</td> 这样。
但是如果给每个td都加上nowrap属性,貌似太繁琐并且占用空间和流量。于是乎,我找css的实现方法,不擅长此术,尝试了n多个样式后,找到white-space: nowrap; 貌似跟直接给td加nowrap差不多,那么就可以像下面这样定义样式,即可实现td里不换行,字符串长了就撑宽表格宽度。
<html>
<head>
<style type="text/css">
td
{
white-space: nowrap;
}
</style>
</head>
为了让表格里文字不换行(预计也不会太长的字符串),可以给表格里td添加一个nowrap属性,如 <td nowrap>文字内容</td> 这样。
但是如果给每个td都加上nowrap属性,貌似太繁琐并且占用空间和流量。于是乎,我找css的实现方法,不擅长此术,尝试了n多个样式后,找到white-space: nowrap; 貌似跟直接给td加nowrap差不多,那么就可以像下面这样定义样式,即可实现td里不换行,字符串长了就撑宽表格宽度。
<html>
<head>
<style type="text/css">
td
{
white-space: nowrap;
}
</style>
</head>
相关文章推荐
- Sql Server 删除所有表
- 排序算法之冒泡排序
- Layout_weight的效果公式
- Testlink(4)——使用TestLink
- 隔壁老王的典故
- YII 页面缓存
- 蓝桥杯备战笔记:代码中常遇到的小问题(1)
- 安装DRools开发环境
- [POJ1325]机器调度 做题笔记
- FK、IK
- BIAQ论文一览
- [Android]动态加载/热部署框架汇总
- CodeForces 55D Beautiful numbers
- Linux学习笔记(一)
- Educational Codeforces Round 9 总结
- NSThread、Cocoa NSOperation、GCD
- Jquery Easy UI 实现页面的Loading效果(类似于Android的ProgressDialog)
- UVA 12232 - Exclusive-OR(带权并查集)
- IOS--静态多线程
- 企业管理要了解员工的需要