网管联盟 | 网管论坛 | 网管u家 | 网管博客 | 网管软件 | 网管求职 | 小游戏 | 网管搜索 | 网管原创 | 网管聚合 | 网管读摘 | 网管焦点 | 世界素材 | 会员投稿 | 会员中心 
中国网管联盟
Windows Linux Cisco 网络技术 数据库 黑客攻防 DotNet Java PHP 认证 新闻资讯 服务器 存储资讯 网络设备 网管学堂 技术专题 焦点 网吧频道
 当前位置: > bitsCN.com > 网管学堂 > 网页设计 > Dreamweaver > 技术教程 > 网页设计中实现表格强制换行和强制不换行  

网页设计中实现表格强制换行和强制不换行

2008-04-22  作者:bitsCN整理  来源:中国网管联盟  点评 投稿 收藏

以前总结过Div的换行和不换行的css写法。但对于表格单元格只知道一个属性nowrap可以使其不换行。

网管u家u.bitsCN.com

  近日有此需要,但发现加上nowrap在某些情况下还是会换行!无奈,没有一个强制不换行的方法吗?

网管联盟bitsCN@com

  baidu了一下,令俺非常欣慰,还真的找到了办法,问题解决了。

网管网www_bitscn_com

实现方法(原文copy过来):
======================================

网管u家u.bitscn@com

引用

网管网www_bitscn_com

用CSS实现表格单元格数据自动换行或不换行

网管u家u.bitsCN.com

1、自动换行:
<style type=\"text/css\">
.AutoNewline
{
  word-break: break-all;/*必须*/
}
</style> 网管u家u.bitscn@com

<table>
<tr>
  <td class=\"AutoNewline\">自动换行自动换行自动换行自动换行自动换行自动换行
自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行
自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行</td>
</tr>
</table> 网管bitscn_com

2、不换行:
<style type=\"text/css\">
.NoNewline
{
word-break: keep-all;/*必须*/
}
</style> 网管下载dl.bitscn.com

<table>
<tr>
  <td class=\"NoNewline\">不换行不换行不换行不换行不换行不换行不换行
不换行不换行不换行</td>
</tr>
</table>

网管u家u.bitscn@com


TAGs   强制   表格   实现   网页设计   自动   <   >       word-break:      
 上一篇:没有了   下一篇:页面中CSS 加载方式的优化
网页设计中实现表格强制换行和强制不换行 评论:
loading.. 评论加载中…
评论:请自觉遵守互联网相关政策法规,评论不得超过250字。

验证码: 注册用户
本类热门排行:
最新推荐文章:
网管论坛交流: