自动换行的实现方法

[ 2006-02-24 22:42:39 pm | 作者: Bijia ]

字体大小: 大 | 中 | 小

1.(IE浏览器)white-space:normal; word-break:break-all;这里前者是遵循标准。

#wrap{white-space:normal; width:200px; }

或者

#wrap{word-break:break-all;width:200px;}

eg.

ddd1111111111111111111111111111111111

效果:可以实现换行

2.(Firefox浏览器)white-space:normal; word-break:break-all;overflow:hidden;同样的FF下也没有很好的实现方法,只能隐藏或者加滚动条,当然不加滚动条效果更好!

#wrap{white-space:normal; width:200px; overflow:auto;}

或者

#wrap{word-break:break-all;width:200px; overflow:auto; }

eg.

ddd1111111111111111111111111111111111111111

效果:容器正常,内容隐藏

对于table

1. (IE浏览器)使用样式table-layout:fixed;

eg.

.tb{table-layout:fixed}

abcdefghigklmnopqrstuvwxyz 1234567890

效果:可以换行

2.(IE浏览器)使用样式table-layout:fixed与nowrap

eg.

.tb {table-layout:fixed}

abcdefghigklmnopqrstuvwxyz 1234567890

效果:可以换行

3. (IE浏览器)在使用百分比固定td大小情况下使用样式table-layout:fixed与nowrap

.tb{table-layout:fixed}

abcdefghigklmnopqrstuvwxyz 1234567890 abcdefghigklmnopqrstuvwxyz 1234567890

效果:两个td均正常换行

3.(Firefox浏览器)在使用百分比固定td大小情况下使用样式table-layout:fixed与nowrap,并且使用div

eg.

.tb {table-layout:fixed}

.td {overflow:hidden;}

abcdefghigklmnopqrstuvwxyz 1234567890
abcdefghigklmnopqrstuvwxyz 1234567890

这里单元格宽度一定要用百分比定义

效果:正常显示,但不能换行(注:在FF下还没有能使容器内容换行的好方法,只能用overflow将多出的内容隐藏,以免影响整体效果)

posted on 2008-04-17 10:28 岁月如歌 阅读(224) 评论(0)  编辑  收藏 所属分类: css

java自动换行方法_自动换行的实现方法zz相关推荐

  1. JVM - 结合代码示例彻底搞懂Java内存区域_线程栈 | 本地方法栈 | 程序计数器

    文章目录 Pre 运行时数据区总览 线程栈 概要 栈内部主要组成部分 局部变量 操作数栈 动态链接 方法出口 小结 程序计数器 本地方法栈 附 测试demo javap JVM字节码指令集手册 Pre ...

  2. 使用方法_山西硅肥使用方法

    山西硅肥使用方法 z8aNjW1e 山西硅肥使用方法 1.硼的营养作用 硼在植物体内比较集中于茎尖.根尖.叶片和花器官中,双子叶植物中的含量常常高于单子叶植物.现阶段草莓植株生长的比较大,基本可以封垄 ...

  3. 器械传递的方法_手术器械的传递方法

    原标题:手术器械的传递方法 1.锐利器械传递方法 洗手护士应与主刀医生站于同侧. (1)手术刀传递方法: ①按.取刀片方法:安装时,用持针器夹持刀片前段背侧,轻轻用 力将刀片与刀柄槽相对和:取刀片时, ...

  4. java生成报文_生成xml报文方法并输出

    创建根节点 Element root= new Element("root"); //创建报文体 Element body = new Element("body&quo ...

  5. java naive方法_朴素贝叶斯方法(Naive Bayes Method)

    朴素贝叶斯是一种很简单的分类方法,之所以称之为朴素,是因为它有着非常强的前提条件-其所有特征都是相互独立的,是一种典型的生成学习算法.所谓生成学习算法,是指由训练数据学习联合概率分布P(X,Y),然后 ...

  6. java私有方法_如何调用私有方法

    当不涉及到用户隐私的时候,我们调用私有方法一般都没有什么问题. 在我们调用私有方法之前,我们必须要先知道你想调用的对象有哪些私有方法,和需要参数的那些方法的参数类型,和返回值的类型是多少. 查看私有方 ...

  7. 复旦自考 网络专业 java 上机考_上海复旦大学自考方法及考试科目

    附带复旦大学的考试科目: 主考院校:复旦大学 序号课程代码课程名称学分课程性质备注 103709马克思主义基本原理概论4必考 203708中国近现代史纲要2必考 300015英语(二)14选考任选一门 ...

  8. java 找不到方法_已经定义的方法找不到

    该楼层疑似违规已被系统折叠 隐藏此楼查看此楼 package com.javaeasy.logcarinterface; import com.javaeasy.car.CarBase; import ...

  9. python __reduce__魔法方法_关于python魔术方法payload:.__class__.__mro__[2].__subclasses__()[40](/etc/passwd...

    总览 "".__class__.__mro__[2].__subclasses__()[40]("/etc/passwd").read() 其实就是类似java ...

最新文章

  1. 基于新型忆阻器的存内计算原理、研究和挑战
  2. 快速排序 python菜鸟教程-1.6 快速排序
  3. 资讯|WebRTC M92 更新
  4. 大话数据结构 17:图的深度优先遍历和广度优先遍历
  5. 《零基础》MySQL 连接(四)
  6. 重载(overload)、覆盖(override)、隐藏(hide)的区别
  7. 消息称蚂蚁集团提前至11月5日挂牌,估值达3.6万亿港元
  8. MongoDB C#:DateTimeOffset到BsonType DateTime的序列化程序
  9. vue3.0引入ant-design-vue报错 export ‘default‘ (imported as ‘Vue‘) was not found in ‘vue‘
  10. 2011-08-15 “can’t create transaction lock on /v...
  11. plsql查询不显示结果_管理NVivo的查询结果
  12. 大一python简答题_大学moocPython编程基础答案大全
  13. 《机电传动控制》第三次作业
  14. mysql_query is deprecated_Function mysql_db_query() is deprecated 错误解决
  15. 数据驱动的综合能源系统
  16. 互联网广告行业窥探和基础知识总结
  17. 101到200之间有多少个质数/素数 -java编程
  18. cobaltstrike (cs 使用)初使用
  19. windwos常用cmd(DOS)命令集合
  20. 《TCPIP网络编程(尹圣雨)》PDF+源代码+目录;文章最底下有链接

热门文章

  1. windows下利用.bat批处理文件来创建以当前时间命名的文件夹
  2. PS进阶篇——如何PS软件液化之向前变形工具(九)
  3. JAVA毕设项目美容院管理系统(java+VUE+Mybatis+Maven+Mysql)
  4. 国内机械设备领域知名的调查研究咨询公司
  5. 关于面试,我有大技巧
  6. 第十五周项目1-验证算法-冒泡排序
  7. 网页java代码_java抓取网页代码
  8. JavaScript编程精粹——继承篇
  9. 嬴政完美 Windows2000/XP/2003 All in one 2009 贺岁版
  10. 【Leetcode】Shuffle an Array