`
wgllz
  • 浏览: 109882 次
  • 性别: Icon_minigender_1
  • 来自: 西安
社区版块
存档分类
最新评论

限制html表格自动换行

 
阅读更多

表格做网页排版的时候,一般都能正常使用。偏偏有时会碰到一段连续的英文词或者一堆感叹号(!!!)把网页就撑开的现象:( 
总结了一下,只在CSS中定义了如下句子,可保网页会再被撑开了。 
table{table-layout: fixed;} 
td{word-break: break-all; word-wrap:break-word;} 
注释一下: 
1.第一条table{table-layout: fixed;},此样式可以让表格中有!!!(感叹号)之类的字符时自动换行。 
2.td{word-break: break-all},一般用这句这OK了,但在有些特殊情况下还是会撑开,因此需再加上后面一句(word-wrap:break-word;)就可以解决。此样式可以让表格中的一些连续的英文单词自动换行。 

语法: 
word-break : normal | break-all | keep-all 

参数: 
normal :  依照亚洲语言和非亚洲语言的文本规则,允许在字内换行 
break-all :  该行为与亚洲语言的normal相同。也允许非亚洲语言文本行的任意字内断开。该值适合包含一些非亚洲文本的亚洲文本 
keep-all :  与所有非亚洲语言的normal相同。对于中文,韩文,日文,允许字断开。适合包含少量亚洲文本的非亚洲文本 


语法: 
word-wrap : normal | break-word 

参数: 
normal :  允许内容顶开指定的容器边界 
break-word :  内容将在边界内换行。如果需,词内换行(word-break)也行发生 

说明: 
设置或检索当当前行超过指定容器的边界时是否断开转行。 
对应的脚本特性为word-wrap。请参阅我编写的其他书目。 

语法: 
table-layout : auto | fixed 

参数: 
auto :  默认的自动算法。布局将基于各单元格的内容。表格在每一单元格读取计算之后才会显示出来。速度很慢 
fixed :  固定布局的算法。在这算法中,水平布局是仅仅基于表格的宽度,表格边框的宽度,单元格间距,列的宽度,而和表格内容无关 

说明: 
设置或检索表格的布局算法。 
对应的脚本特性为tableLayout。

分享到:
评论

相关推荐

    从入门到精通HTML5——PDF——网盘链接

     7.1.1 表格的基本构成——table、tr、td 119  7.1.2 表格的标题——caption 120  7.1.3 表格的表头——th 121  7.2 设置表格基本属性 123  7.2.1 表格的宽度——width 123  7.2.2 表格的高度——height...

    《程序天下:JavaScript实例自学手册》光盘源码

    9.5 表格的宽度固定后内容自动换行 9.6 表格的排序 9.7 表格的斜线 9.8 table中的文字滚动 9.9 JavaScript遍历table的行和列 9.10 表格按回车自动生成新行 9.11 单击单元格背景变色 9.12 单击表格某行后其他行隐藏 ...

    超实用的jQuery代码段

    8.15 解析XML数据并加载到HTML表格 8.16 jQuery AJAX错误的处理方法 8.17 在页面级创建全局的AJAX监听器以及状态指示器 8.18 级联AJAX数据异步加载 8.19 取消AJAX异步请求 第9章 jQuery常用算法 9.1 jQuery遍历算法...

    程序天下:JavaScript实例自学手册

    9.5 表格的宽度固定后内容自动换行 9.6 表格的排序 9.7 表格的斜线 9.8 table中的文字滚动 9.9 JavaScript遍历table的行和列 9.10 表格按回车自动生成新行 9.11 单击单元格背景变色 9.12 单击表格某行后其他行隐藏 ...

    咖啡智能报表控件 2.0.zip

    数据长度设定、多种单元格类型、超级链接、EMAIL链接、特殊字符前缀、回车换行、自动换行、锁定、焦点、 绑定变量名称、绑定数据字段名称、显示图片、内容隐藏、项目格式等 3、强大公式计算功能 4、图片显示功能,...

    dreamweaver网站PHP开发MXP插件

    换行显示搜索高亮度文本插件.mxp 记录集跳转菜单插件.mxp 检查新元素插件.mxp 检验控制组件插件.mxp 简约版高级分页插件.mxp 截取字符长度.mxp 酷酷的表格边框插件.mxp 连接到上一个页面连接插件.mxp 模板菜单扩展...

    LeadBBS v2.10 论坛.rar

    104.允许定义显示帖子主题的长度(版面中),自动判断此帖所占宽,不产生换行保持美观和空间最小占用 105.支持显示主题帖子的页数,点击可进入最后回复页面 106.允许设定Session和cookie名,以防同网站cookie相互替换...

    LeadBBS v2.05 论坛.rar

    23.上传附件大小限制,并自动判断是否是图像格式 24.引入GBLSDK,自动判断上传的100多种图像格式,并自动转换为GIF或JPG或PNG格式. 25.上传的图片如果太大,可自动生成缩略图. 26.上传的图片如果非GIF,jpg,png等...

    抓包工具 sniffer

    1036=自动模式中, 若数据长度大于此限制则不显示16进制数据 1038=在下部面板中不显示数据长度大于此限制的项 1019=选择 1022=选择 1029=选择 1=确定 2=取消 1010=16进制显示选项 1015=个字符后插入额外的空格 1016=...

    dreamweaver上PHP网站开发相关插件

    保留上传文件的换行和空格。 Insert Retrieve ID PHP.mxp 插入一个可以找回的“ID”。 FX PHP Sessions12.mxp 设置“Sessions”。 FX PHP Cookies11.mxp 设置“Cookies”。 Horizontal Looper PHP.mxp ...

    xheditor-1.1.14

    Table:表格 Source:切换源代码模式 Preview:预览当前代码 Print:打印 Fullscreen:切换全屏模式 About:关于xhEditor skin:皮肤风格选择 参数值:default(默认风格),o2007blue(Office 2007 蓝色),o2007silver...

    PHP动态网站开发插件

    限制文本域输入的字符数。 Swap Flash.mxp Download 点击下载 像轮换图片一样轮换Flash动画,注意:要先点选页面中的Flash。 Random Links 1.2.3.mxp Download 点击下载 随机载入网页。 FX Password Generator 1.0.2...

    ASP ISchool随机抽题考试系统

    1.增加试题导入题干和选项换行符“[换行]” 2.增加试题导入题干结束符“|题干结束|”(独立一行),支持多行题干导入 3.增加试题库翻页功能 4.增加切换栏目自动回到页面顶部功能 V3.6.1(20110714) 1.增加安装部分...

    freemarker总结

    2,使用+运算符时,如果一边是数字,一边是字符串,就会自动将数字转换为字符串再连接,如:${3 + "5"},结果是:35 使用内建的int函数可对数值取整,如: ${ (x/2)?int } ${ 1.1?int } ${ 1.999?int } ${ -1.1?int } ...

    Log4j日志管理系统简单使用说明

     org.apache.log4j.HTMLLayout(以HTML表格形式布局),  org.apache.log4j.PatternLayout(可以灵活地指定布局模式),  org.apache.log4j.SimpleLayout(包含日志信息的级别和信息字符串),  org.apache.log4...

    js使用小技巧

    让英文字符串超出表格宽度自动换行 word-wrap: break-word; word-break: break-all; 透明背景 <IFRAME src="1.htm" width=300 height=180 allowtransparency></iframe> 获得style内容 obj.style.cssText ...

    Java面试宝典2020修订版V1.0.1.doc

    1、HTML中定义表格的宽度用80px和80%的区别是什么? 11 2、CSS样式定义优先级顺序是? 12 3、div和span的区别? 12 4、CSS选择器包括? 12 5、用css3语法中,如何实现一个矩形框的圆角效果和50%红色透明效果?,请写...

Global site tag (gtag.js) - Google Analytics