| 网站首页 | Photoshop资源 | Photoshop学院 | Photoshop展示 | 设计素材 | 设计学院 | 数码学院 | 返回总部 | 
您现在的位置： Photoshop资源站 >> 设计学院 >> 网站设计 >> DivCSS教程 >> 正文
  Div CSS教程：CSS控制Table单元格强制换行与强制不换行           ★★★ 【字体：小 大】
Div CSS教程：CSS控制Table单元格强制换行与强制不换行
作者：佚名    教程来源：onegreen.org    点击数：    更新时间：2008-6-20    
　　我们知道Div的换行和不换行的css写法。但对于表格单元格只知道一个属性nowrap可以使其不换行。

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

　　用CSS实现Table单元格数据自动换行或不换行的实现方法：

　　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>
教程录入：onegreen    责任编辑：onegreen 
  • 上一篇教程：

  • 下一篇教程：
    • 　
    【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】
    最新热点 最新推荐 相关文章
    使用dl,dt,dd制作CSS垂直菜单
    CSS3新增background-clip及background-
    div+css实例分享：非常不错的页面制作方
    滚动条CSS样式集合
    掌握CSS缩写技巧
    Div+CSS教程：如何闭合浮动元素？
    使用CSS的dl、dd、dt制作标准表单
    CSS经验之谈：灵活运用注释带来的益处
    CSS加载方式对页面优化的影响
    CSS经验之谈：保持CSS文件整洁与样式统
    Powered by：onegreen.org 站长：onegreen〖粤ICP备06090975号〗