css强制换行 css强制不换行的css方法

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

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

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

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

1、自动换行:

.AutoNewline
{
word-break: break-all;/*必须*/
}

自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

2、不换行:


代码如下:

<style type="text/css"> 
.NoNewline 

word-break: keep-all;/*必须*/ 

</style>

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

(0)

相关推荐

  • css 不换行 自动换行 强制换行的实现方法

    强制不换行 div{ white-space:nowrap; } 自动换行 div{  word-wrap: break-word;  word-break: normal;  } 强制英文单词断行 div{ word-break:break-all; } CSS设置不转行: overflow:hidden 隐藏 white-space:normal 默认  pre 换行和其他空白字符都将受到保护 nowrap 强制在同一行内显示所有文本,直到文本结束或者遭遇 br 对象 设置强行换行: wor

  • c#设置xml内容不换行及属性xsi:nil=true的空节点添加

    1.设置生成xml的内容格式为不换行 默认用下面代码创建并生成xml的代码如下: 复制代码 代码如下: XmlDocument doc = new XmlDocument(); //这里为创建节点等代码,省略.... //保存 doc.Save(filename); 结果生成的节点有换行: <UserName> </UserName> 这样的话会导致xsd中如果有验证会通不过,要想不换行,doc.Save(filename);可以改为: 复制代码 代码如下: using (XmlT

  • javascript 使td内容不换行不撑开

    复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <body> <style type="text/css"

  • Eclipse 格式化代码时不换行与自动换行的实现方法

    1.preferences->Java->Code Style->Code Formatter->Show... ,打开之后,选择"Line Wrapping"选项卡,在"Maximun line width"指定大于多少列时换行. 2.还是在"Line Wrapping"选项卡中,能过选择"Line Wrapping policy"可以指定构造函数.方法体等的换行情况. 不过,SUN推荐的编码风格默认

  • 关于Python不换行输出和不换行输出end=““不显示的问题(亲测已解决)

    print()函数原理 python使用print()函数输出时,我们先了解一下print()函数具体实现: 描述 print() 方法用于打印输出,最常见的一个函数. 在 Python3.3 版增加了 flush 关键字参数. print 在 Python3.x 是一个函数print(),但在 Python2.x 版本不是一个函数,只是一个关键字print. 语法 以下是 print() 方法的语法: print(*objects, sep=' ', end='\n', file=sys.st

  • css把超出的部分显示为省略号的方法兼容火狐

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">    <html>    <head>    <meta http-equiv="Content-Type" c>    <title>css把超出的部分显示为省略号的方法兼容火狐_我们_www.jb51.n

  • iOS如何实现强制转屏、强制横屏和强制竖屏的实例代码

    本文介绍了iOS如何实现强制转屏.强制横屏和强制竖屏的实例代码,分享给大家 今天项目中遇到正在看视频的时候账号被挤,如果当时是横屏的情况下,需要强制竖屏.真头疼,网上找了好多方法,终于解决啦.O(∩_∩)O~ 强制横屏: [self interfaceOrientation:UIInterfaceOrientationLandscapeRight]; 强制竖屏: [self interfaceOrientation:UIInterfaceOrientationPortrait]; 强制转屏 -

  • JS+CSS实现可以凹陷显示选中单元格的方法

    本文实例讲述了JS+CSS实现可以凹陷显示选中单元格的方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: <html> <head> <title>JS+CSS实现可以凹陷显示选中的单元格</title> <style> td{cursor:hand;font-size:12px} .click{border-top:1px solid #0033CC;border-bottom:1px solid #DDEEFF;border

  • JS+CSS实现感应鼠标渐变显示DIV层的方法

    本文实例讲述了JS+CSS实现感应鼠标渐变显示DIV层的方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/

  • js与css实现弹出层覆盖整个页面的方法

    本文实例讲述了js与css实现弹出层覆盖整个页面的方法.分享给大家供大家参考.具体实现方法如下: 弹出层透明背景加框的常用样式和结构如下: 复制代码 代码如下: .alertMessageBg{ position:fixed; _position:absolute; width:100%; height:100%; left:0; top:0; background:#000; opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50); z-

  • js操作css属性实现div层展开关闭效果的方法

    本文实例讲述了js操作css属性实现div层展开关闭效果的方法.分享给大家供大家参考.具体分析如下: 最近学javascript接触到js对css属性操作,就写了个展开关闭效果,同时实现了按钮文字切换,很简洁啊!这段Js对象操作css属性实现div层的展开关闭效果.将代码分享给JS前端设计者. <title>js操作div展开关闭</title> <style> #jb51 { border: solid 1px #EEE; background:#F7F7F7; ma

  • JS+CSS实现带关闭按钮DIV弹出窗口的方法

    本文实例讲述了JS+CSS实现带关闭按钮DIV弹出窗口的方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: <html> <head> <title>JS+CSS实现带关闭按钮的DIV弹出窗口</title> <script>     function locking(){      document.all.ly.style.display="block";      document.all.ly.sty

  • jQuery中hover方法搭配css的hover选择器,实现选中元素突出显示方法

    今天做帮一个师姐做网页遇到一个这样的要求: 鼠标不移动进表格,表格透明度不变. 鼠标移动进表格,hover到的单元格透明度不变,没hover到的单元格透明度改变. 先贴我已经实现好的效果,一开始,表格透明度不变. 当我鼠标移动到第二排第三个单元格,其他单元格降低透明度. 解决方法 一开始,我用的是CSS实现方法,是下面这样 #table td{ opacity:0.5; } #table td:hover{ opacity:1; } 不过这样一开始进去的时候表格透明度就是0.5,看起来很不好.

随机推荐