首页 | 互联网 | IT动态 | Cisco | Windows | Linux | Java | .Net | Oracle | 华为 | 存储世界 | 服务器 | 网络设备 | IDC | 安全 | 求职招聘
IT培训 | 数字网校 | 技术专题 | 电子书下载 | 教学视频 | 网页设计 | 平面设计 | 解决方案 | 直播室 | 虚拟考场 | 搜索 | 博客 | 沙龙 | 论坛
 Dreamweaver | Flash
 Fireworks  | Frontpage
 HTML/CSS  | Javascript
 Photoshop  | CorelDraw
 AuotoCAD   | Illustrator
 Freehand
 3DMax    | Authorware
 Director   | Maya
 PP点点通 | 迅雷 | BT
 eMule | FlashGet | Nero
 Ghost | Outlook | IE
 Maxthon | Office
 QQ | MSN | 网易泡泡
 Skype | 雅虎通 | 新浪UC

最新文章

您现在的位置: 中国IT实验室 >> 网页设计 >> Dreamweaver >> Dreamweaver技巧教程 >> 文章正文


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


中国设计秀cnwebshow.com  2008-4-22  佚名  保存本文  推荐给好友  收藏本站


◆ 网页平面多媒体培训、认证考试免费咨询热线:400-700-5807   进入网络咨询平台

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

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

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

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

引用

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

1、自动换行:
<style type="text/css">
.AutoNewline
{
  word-break: break-all;/*必须*/
}
</style>

<table>
<tr>
  <td class="AutoNewline">自动换行自动换行自动换行自动换行自动换行自动换行
自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行
自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行</td>
</tr>
</table>

2、不换行:
<style type="text/css">
.NoNewline
{
word-break: keep-all;/*必须*/
}
</style>

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

【责编:Luzi】


 相关文章  推荐文章
鉴别数码照片是否经过后期处理的方法浅析
将Photoshop创建的位图导入Flash MX
Fireworks三个案例教你使用涂抹工具
制作Dreamweaver活动菜单条
FP2003中网页布局功能的应用
时钟广告跳转状态栏等JS代码
利用transitions类轻松创建图片过渡效果
Photoshop与Flash合作制作模糊渐变动画
Fireworks 制作精细PC图标
Fireworks轻松绘制简单卡通海景画
  文章评论