TD不换行 nowrap属性
来源:互联网 发布:淘宝商品存在交易风险 编辑:程序博客网 时间:2024/05/18 00:13
http://blog.csdn.net/yangqicong/article/details/7004420
表格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>
<body>
<table>
<tr>
<td>
我来自未来
</td>
<td>
悟空的博客
</td>
<td>
www.7es.cn
</td>
</tr>
<tr>
<td>
我是乱七八糟的字符串
</td>
<td>
我很长哦
</td>
<td>
悟空的博客www.7es.cn
</td>
</tr>
</table>
</body>
</html>
- TD不换行 nowrap属性
- TD不换行 nowrap属性
- TD不换行 nowrap属性
- 表格 CSS(不换行) HTML <td> 标签的 nowrap 属性
- HTML中,表格中禁止换行,td的nowrap属性
- nowrap 不换行
- TD元素的nowrap属性
- td 属性 noWrap 防止折行、撑开(及其它文字换行问题)
- td 属性 noWrap 防止折行、撑开(及其它文字换行问题)
- td 元素属性 noWrap 防止折行、撑开及文字换行
- CSS td里面两个input不换行设置(white-space: nowrap)
- TD的noWrap属性使用注意事项
- TD的noWrap属性使用注意事项
- TD的noWrap属性使用注意事项
- TD的noWrap属性使用注意事项
- html随记----td 元素的 nowrap 属性
- HTML <td> 标签的 nowrap 属性
- HTML <td> 标签的 nowrap 属性
- 如何在CentOS的单用户模式下修改root的密码
- Slow HTTP Denial Of Service Attack
- DDL,DML,DCL示例图
- poj-2079 Triangle
- 【原创】使用棋盘格实现摄像头序号标定
- TD不换行 nowrap属性
- XMPP/Jingle Vs SIP/SIMPLE 的简单介绍
- linux c 读取配置文件
- 二、CXF与springMVC整合的webService客户端调用
- annotation
- 有 JavaScript 基础,怎么学习 Node.js
- 《弄潮》读后感
- Uva 1632 alibaba 区间dp
- 如何修改pdf格式文件