最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
css强制换行ie,ff处理办法
时间:2011-11-30 编辑:简简单单 来源:一聚教程网
对于div
1.(IE浏览器)white-space:normal; word-break:break-all;这里前者是遵循标准。
代码如下 | 复制代码 |
#wrap{white-space:normal; width:200px; } eg. ddd1111111111111111111111111111111111111111111111111111111111111111111
|
效果:可以实现换行
2.(Firefox浏览器)white-space:normal; word-break:break-all;overflow:hidden;同样的FF下也没有很好的实现方法,只能隐藏或者加滚动条,当然不加滚动条效果更好!
代码如下 | 复制代码 |
#wrap{white-space:normal; width:200px; overflow:auto;} eg. ddd1111111111111111111111111111111111111111111111111111111111111111111
|
效果:容器正常,内容隐藏
对于table
1. (IE浏览器)使用样式table-layout:fixed;
eg.
代码如下 | 复制代码 | |
|
效果:可以换行
2.(IE浏览器)使用样式table-layout:fixed与nowrap
eg.
代码如下 | 复制代码 | |
|
效果:可以换行
3. (IE浏览器)在使用百分比固定td大小情况下使用样式table-layout:fixed与nowrap
代码如下 | 复制代码 | ||
|
效果:两个td均正常换行
3.(Firefox浏览器)在使用百分比固定td大小情况下使用样式table-layout:fixed与nowrap,并且使用div
eg.
代码如下 | 复制代码 | ||
|
-
上一个: css与图片实现圆角边框效果
-
下一个: CSS 将超出显示宽度的内容隐藏起来
相关文章
- CSS 鼠标点击拖拽效果代码展示 10-31
- CSS使用SVG实现动态分布的圆环发散路径动画教程 10-31
- css3中仿放大镜效果的几种方式原理介绍 10-26
- CSS3切割轮播图的代码展示 10-26
- CSS组合选择器解析 10-26
- css带搜索导航栏的代码展示 10-26