转载:table单元格内容自动换行
转载于: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单元格内容自动换行相关推荐
- php td内容换行,table单元格内容过多换行显示
节目名称所属电视台版本开始时间结束时间获取时间操作 [#if list][#list list.items as t] ${t.program}${t.channelName}${t.__v}${t. ...
- EXCEL单元格内容自动换行
在工作中,我们常常会碰到这样的问题:在单元格中输入内容比较多,而内容又不会自动换行,导致后面的单元格内容被前面的所遮盖: 如何解决这个问题呢,EXCEL其实为我们提供了自动换行的功能,我们只需要启动它 ...
- 【WPS】表格设置单元格内容自动换行
现在的单元格的内容过长导致内容隐藏 选择目标单元格,右键弹出菜单,点击"设置单元格格式",弹出单元格格式对话框 在对齐--文本对齐方式--水平对齐,选择常规,在文本控制中把自动换 ...
- css表格强制不换行符,css控制table单元格强制换行与强制不换行
css 我们先看一下css手册中,对于list-style地解释: 定义和用法 list-style 简写属性在一个声明中设置所有地列表属性. 说明 该属性是一个简写属性,涵盖了所有其他列表样式属性. ...
- poi 单元格内容换行
1.设置单元格内容自动换行 HSSFCellStyle cellStyle=workbook.createCellStyle(); cellStyle.setWrapText(true); cell. ...
- css td 强制换行,CSS控制Table单元格强制换行与强制不换行
我们知道Div的换行和不换行的css写法.但对于表格单元格只知道一个属性nowrap可以使其不换行.近日有此需要,但发现加上nowrap在某些情况下还是会换行!无奈,没有一个强制不换行的方法吗? 用C ...
- Latex 表格内文字过长自动换行 表格内单元格内容强制换行
2019独角兽企业重金招聘Python工程师标准>>> \usepackage{array} \begin{tabular}{m{5cm}}或者\begin{tabular}{p{0 ...
- XSSFWorkbook 根据单元格内容 自动调整行高[自动换行]
问题描述 : 单元格内容存在换行情况,生成的文件需打开后,双击对应单元格才能看到全部信息. 解决方式: 行样式(XSSFCellStyle)中设置 .setWrapText(true),属性为true ...
- element 表格单元格内容不换行_实例29_在Word表格中将上下行相同内容的单元格自动合并...
实例28讲了如何在Excel文件中自动合并上下行相同内容的单元格,此例则讲一讲如何在Word文件中做类似的操作.因为处理Excel和Word的模块是不同的,所以合并单元格也有一些差异.相对来说,Wor ...
最新文章
- 有关中断唤醒源的思考
- Google Chrome —— 离线安装/安装包下载解决方案
- Ajax接触及对跨域的简单理解
- 在vue中methods互相调用的方法
- 学习C语言指针,这一篇案例教程就够够的了
- Hibernate4.3基础知识2
- hdu 5076 最小割灵活运用
- CSS媒体查询(@media)全面解析
- 用python写一个文字版单机斗地主
- 初二数学作业能用计算机算吗,很多小学生在做数学作业的时候用计算器,这样对吗?...
- Java Attach机制
- c语言自定义标识符do,C语言基础知识习题
- Altium Designer PCB板框扩大
- python3爬取教务系统的个人学期课程表(无头谷歌浏览模拟登录)
- 关于Blurry无法加载的问题
- Google hack语法
- OSI模型及数据封装过程
- 世界上排名前100的英文歌详细名单及介绍
- java 邮箱地址生成器_关于java:生成随机电子邮件
- 进大厂,到底需要掌握哪些核心技能?附Java技术栈7张图谱
热门文章
- Vs2017 激活密钥与下载
- 美国风投公司年度盈利排名:NEA第一红杉第二
- 计算机图形学 实验3 《图形变换》
- Islands and Bridges 题解
- 福禄克MT-8200-60-KIT智能网络查线仪寻线仪寻线器使用教程
- ganymed ssh-2 for java_Jsch或SSHJ还是Ganymed SSH-2? - java
- 电路板会“滋滋”的响,我们称它为啸叫
- 设非零得实系数多项式 $f(x)$ (即系数都是实数得多项式)满足 $f(f(x)) = f^k(x)$,其中 $k$ 是给定得正整数。求多项式 $f(x)$
- 封神!Win11内置杀软被评为免费最佳
- python + selenium实现自动登录操作(以淘宝为例)