`

css自动换行 ie6 css强制换行 white-space:nowrap

 
阅读更多
网页中有这样的需求,外层宽度固定了,内层每个li宽度不定,依靠float:left;padding-right:6px;产生间距,没有指定宽度,就导致宽度不可预测,也就是表现为最后一个如果不够显示,字会掉下一行,此情况在ie下表现严重,firefox正常显示.怎么解决呢.
white-space:nowrap;
这样既可. 以后就可以自动换行而不会出现掉下去的尴尬了.



分享到：
| 如何使浮动的元素居中
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    英文强制换行css 使用css强制英文单词断行代码

    复制代码代码如下:{ white-space:nowrap; } 自动换行 复制代码代码如下:{ word-wrap: break-word; word-break: normal; } 强制英文单词断行复制代码代码如下:{ word-break:break-all; } CSS设置不转行： overflow...

    css文本换行属性word-wrap和white-space使用总结

    今天碰到了td文字内容不换行，发现是：white-space: nowrap，即强制文本不进行换行，顺便看了一下文本换行的属性word-wrap，总结如下： white-space的默认只是normal，自动换行。 word-break:break-all和word-wrap:...

    css white-space:nowrap属性用法（可以强制文字不换行输出）

    css强制文字不换行，可给指定的容器增加white-space:nowrap即，下面把CSS示例写给大家,很简单

    CSS强制中英文换行与不换行 强制英文换行示例

    只对中文起作用，强制换行 4. white-space:nowrap; 强制不换行，都起作用 5. white-space:nowrap; overflow:hidden; text-overflow:ellipsis;不换行，超出部分隐藏且以省略号形式出现（部分浏览器支持） 代码： ...

    css是如何实现在页面文字不换行、自动换行、强制换行的方法

    本文介绍了css是如何实现在页面文字不换行、自动换行、强制换行的方法,分享给大家，具体如下： 强制不换行 div{ white-space:nowrap; } 自动换行 div{ word-wrap: break-word; word-break: normal; } 强制英文单词...

    css控制文本实现越界省略号以及自动换行

    /* 不换行 */ white-space:nowrap;/* 不换行 */ overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */ text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(…) ；需与overflow:hidden;一起使用。*/ } ...

    用CSS控制标题字数

    white-space:nowrap; course:hand; margin:0 auto;} HTML---------------------- 非常多的字数你能控制得了不可能的骗你是小狗</div> ---------------------------------------------------------------------...

    CSS 网页内容换行控制

    在进行DivCSS布局时，需要对文本进行控制，我们在jb51.net以前的文章中，也讲过这方面的知识，今天系统的向大家介绍一下。CSS中控制换行的四种属性。...这个值需要IE6+或者 !DOCTYPE 声明为 standards-compliant m

    CSS文本超出2行就隐藏并且显示省略号

    white-space:nowrap; //溢出不换行 但是第三条属性，只能显示一行，不能用在这里，那么如果显示多行呢？ 超出两行隐藏: css3解决了这个问题，解决方法如下： display:-webkit-box; //将对象作为弹性伸缩盒子模型显示...

    CSS实现强制不换行、自动换行、强制换行的css代码

    强制不换行 p { white-space:nowrap; } 自动换行 p { word-wrap:break-word; word-break:normal; } 强制英文单词断行 p { word-break:break-all; } *注意：设置强制将英文单词断行，需要将行内元素设置为块级...

    html转pdf，ITEXT转HTML为PDF解决中文不换行问题

    css +=" white-space: nowrap"; css +="}"; css +="th{"; css +=" border: 1px solid #ddd;"; css +=" text-align: left;"; css +="}"; css +="</style>"; String html = "<html><head>"+css...

    CSS网页布局强制换行和强制不换行的属性讲解

    而有些时候可能会强制内容不换行，多出的部分隐藏掉即可，关于强制不换行与强制换行的一些CSS属性WEBJX.com作一些整理，希望能给大家的工作和学习提供参考。 　先了解以下几个属性： 强制不换行p....

    基于javascript的在火狐里面强制换行字符

    [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]CSS控制强制换行/强制换行 强制不换行 div{ white-space:nowrap; } 自动换行 div{ word-wrap: break-word; word-break: normal; } 强制英文单词断行 div{ word-break...

    CSS控制html文本溢出

    white-space:nowrap; font-size:36px; width:400px; } p { text-overflow:ellipsis; overflow:visible; white-space:nowrap; font-size:36px; width:400px; } <h1 style="font-size: 14px; color: ...

    CSS强制性换行的方法区别详解

    一般情况下，元素拥有默认的white-space:normal（自动换行，PS：不换行是white-space:nowrap）,当录入的文字超过定义的宽度后会自动换行，但当录入的数据是一堆没有空格的字符或字母或数字（常规数据应该不会有吧，...

    IE8/9 使用text-overflow: ellipsis 做块元素超长内容变省略号的问题

    white-space: nowrap; 这两个属性让起溢出隐藏和不换行,然后IE8用的时候记得不要加 复制代码代码如下: word-berak:break-all; word-wrap:break-word; 这样断开了,在IE8里面是不会变成省略号的(但是在IE6/7/FF/...

    CSS控制文本的长度 超过一行显示省略号的实现方法

    代码如下： ... <div u00a0style=width:100px;height:20px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;...还必须定义：强制文本在一行内显示（white-space:nowrap）及溢出内容为隐藏

    CSS控制文字换行、裁剪

    关于换行、裁剪的一些CSS属性 word-wrap: normal | break-word normal 正常换行，内容可以撑破容器，例如长单词或者长数字的情况break-word 以单词...white-space: normal || pre || nowrap || pre-line || pre-wrap ||

    white-space:nowrap的应用

    在web2.0的概念中，标签是个时常出现的东东，可是在设计时中文不...style type=text/css><!–body{font-size:12px; color:#fff;}div{width:110px; background:#000;}span{padding:10px;display:inline-block;}–>

Magicbox
Global site tag (gtag.js) - Google Analytics