转载于:http://blog.csdn.net/limengmeng9006/article/details/10001107

1、设置table中的单元格内容自动换行,使用word-wrap在IE浏览器中支持,在firefox浏览器的3.5版本以上开始支持,所以为了满足浏览器兼容性,需要在table中设置table-layout:fixed。

2、word-wrap在div属性中能起到换行的作用,也可以在td中使用div,在div里面设置。

<style type="text/css">
        table{border:1px red solid;height:300px; border-collapse: collapse;}
        table tr td{border:1px red solid;}
    </style>

<table width="600px" style="table-layout:fixed;word-wrap:break-word;" >
    <tr style="background-color:#F9F7FC;">
        <td style="width:120px;">全是中文有标点</td>
        <td style="width:120px;">全是中文无标点</td>
        <td style="width:120px;">全是英文有标点</td>
        <td style="width:120px;">中文和英文</td>
        <td style="width:120px;">全是英文无标点</td>
    </tr>
    <tr >  
        <td style="width:120px;">你好这是中文。你好这是中文。你好这是中文。你好这是中文。</td>
        <td style="width:120px;">你好这是中文你好这是中文你好这是中文你好这是中文</td>
        <td style="width:120px;">This is all English. This is all English. This is all English.</td>  
        <td style="width:120px;">中英文混排的情况。Chinese and English.中英文混排的情况。Chinese and English.</td>  
        <td style="width:120px;">xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</td>  
    </tr>  
  </table>
  <br>
  <div style="word-wrap:break-word;width:200px;border:1px red solid;">xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</div>
  <br>
  <div style="word-wrap:break-word;width:200px;border:1px #00FF33 solid;">中文中文中文中文中文中文中文中文中文中文中文</div

转载:table单元格内容自动换行相关推荐

  1. php td内容换行,table单元格内容过多换行显示

    节目名称所属电视台版本开始时间结束时间获取时间操作 [#if list][#list list.items as t] ${t.program}${t.channelName}${t.__v}${t. ...

  2. EXCEL单元格内容自动换行

    在工作中,我们常常会碰到这样的问题:在单元格中输入内容比较多,而内容又不会自动换行,导致后面的单元格内容被前面的所遮盖: 如何解决这个问题呢,EXCEL其实为我们提供了自动换行的功能,我们只需要启动它 ...

  3. 【WPS】表格设置单元格内容自动换行

    现在的单元格的内容过长导致内容隐藏 选择目标单元格,右键弹出菜单,点击"设置单元格格式",弹出单元格格式对话框  在对齐--文本对齐方式--水平对齐,选择常规,在文本控制中把自动换 ...

  4. css表格强制不换行符,css控制table单元格强制换行与强制不换行

    css 我们先看一下css手册中,对于list-style地解释: 定义和用法 list-style 简写属性在一个声明中设置所有地列表属性. 说明 该属性是一个简写属性,涵盖了所有其他列表样式属性. ...

  5. poi 单元格内容换行

    1.设置单元格内容自动换行 HSSFCellStyle cellStyle=workbook.createCellStyle(); cellStyle.setWrapText(true); cell. ...

  6. css td 强制换行,CSS控制Table单元格强制换行与强制不换行

    我们知道Div的换行和不换行的css写法.但对于表格单元格只知道一个属性nowrap可以使其不换行.近日有此需要,但发现加上nowrap在某些情况下还是会换行!无奈,没有一个强制不换行的方法吗? 用C ...

  7. Latex 表格内文字过长自动换行 表格内单元格内容强制换行

    2019独角兽企业重金招聘Python工程师标准>>> \usepackage{array} \begin{tabular}{m{5cm}}或者\begin{tabular}{p{0 ...

  8. XSSFWorkbook 根据单元格内容 自动调整行高[自动换行]

    问题描述 : 单元格内容存在换行情况,生成的文件需打开后,双击对应单元格才能看到全部信息. 解决方式: 行样式(XSSFCellStyle)中设置 .setWrapText(true),属性为true ...

  9. element 表格单元格内容不换行_实例29_在Word表格中将上下行相同内容的单元格自动合并...

    实例28讲了如何在Excel文件中自动合并上下行相同内容的单元格,此例则讲一讲如何在Word文件中做类似的操作.因为处理Excel和Word的模块是不同的,所以合并单元格也有一些差异.相对来说,Wor ...

最新文章

  1. 有关中断唤醒源的思考
  2. Google Chrome —— 离线安装/安装包下载解决方案
  3. Ajax接触及对跨域的简单理解
  4. 在vue中methods互相调用的方法
  5. 学习C语言指针,这一篇案例教程就够够的了
  6. Hibernate4.3基础知识2
  7. hdu 5076 最小割灵活运用
  8. CSS媒体查询(@media)全面解析
  9. 用python写一个文字版单机斗地主
  10. 初二数学作业能用计算机算吗,很多小学生在做数学作业的时候用计算器,这样对吗?...
  11. Java Attach机制
  12. c语言自定义标识符do,C语言基础知识习题
  13. Altium Designer PCB板框扩大
  14. python3爬取教务系统的个人学期课程表(无头谷歌浏览模拟登录)
  15. 关于Blurry无法加载的问题
  16. Google hack语法
  17. OSI模型及数据封装过程
  18. 世界上排名前100的英文歌详细名单及介绍
  19. java 邮箱地址生成器_关于java:生成随机电子邮件
  20. 进大厂,到底需要掌握哪些核心技能?附Java技术栈7张图谱

热门文章

  1. Vs2017 激活密钥与下载
  2. 美国风投公司年度盈利排名:NEA第一红杉第二
  3. 计算机图形学 实验3 《图形变换》
  4. Islands and Bridges 题解
  5. 福禄克MT-8200-60-KIT智能网络查线仪寻线仪寻线器使用教程
  6. ganymed ssh-2 for java_Jsch或SSHJ还是Ganymed SSH-2? - java
  7. 电路板会“滋滋”的响,我们称它为啸叫
  8. 设非零得实系数多项式 $f(x)$ (即系数都是实数得多项式)满足 $f(f(x)) = f^k(x)$,其中 $k$ 是给定得正整数。求多项式 $f(x)$
  9. 封神!Win11内置杀软被评为免费最佳
  10. python + selenium实现自动登录操作(以淘宝为例)