注册本站  论坛  繁體中文

电脑技巧
手机 | MP3 | MP4 | 显卡 | 主板 | 显示器 | 光存储 | 笔记本 | 网络设备 | 移动存储 | 数码相机
键鼠 | CPU | 音箱 | GPS | 电视 | 服务器 | 投影机 | 机箱电源 | 品牌电脑 | 办公打印 |
| 网站首页 | Cisco | Windows | Linux | Java | Dotnet | Oracle | 网页设计 | 平面设计 | 安全 | 软件应用 | 电脑维修 | 办公维修 |
您现在的位置: 电脑技巧 >> 网页设计 >> Dreamweaver >> 技术教程 >> 网页设计正文

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

文章来源:中国设计秀cnwebshow.com 作者:佚名 更新时间:2008-4-24 12:34:18 【 】 【加入收藏
  进入网络咨询平台

以前总结过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>

  • 上一篇网页设计:

  • 下一篇网页设计:
  • 最 新 热 门
     Flash AS 教程:交互动画
     Flash AS 教程:子类化显示对象
     Flash AS 教程:动画事件
     Flash AS 教程:帧循环
     Flash AS 教程:创建文档类(Document class)
     Flash AS 教程:构造函数(Constructor)
     Flash AS 教程:类和面向对象编程
     Flash游戏开发教程:第一节
     Flex程序开发心得小结
     关于XML在FLASH中的应用
    最 新 推 荐
     Dreamweaver CS3中Spry详细区域功能
     页面中CSS 加载方式的优化
     网页设计中实现表格强制换行和强制不换行
     Wells Fargo提供在线存储服务
     网络存储 不同IT专家眼中的核心存储
     存储网络的6大热门领域
     赛门铁克进行重组设虚拟化部门
     企业如何面临收购后的存储整合
     微软公司欲扣响虚拟化之门
     完美的水平垂直居中!!
    相 关 文 章

    网站的文字还需要设计吗?
    谁是用户体验的设计者?
    网站的视觉设计路径应顺应用户习惯
    网页设计师应该具有的素质和能力水平
    CSS盒模型制定网页的宽度和高度的原理
    网页超级链接该以什么方式打开?
    CSS教程:使用ul进行网页的多列布局
    背投广告设计:用最少的时间来做最效率的事…
    DIV+CSS常用的网页布局代码
    网页设计总结

    | 设为首页 | 加入收藏 | 联系站长 | 友情链接 | 版权申明 | 网站公告

     

    Copyright 2006-2008 pcjx.com All Rights Reserved
    电脑技巧 版权所有 粤ICP备06059145号 地图
    本网站所有内容未经许可不得转载或做其他使用