`

jsp中表格,表格中的文字根据表格的大小自动换行

 
阅读更多

网页开发过程中时常会遇到关于折行和不折行的问题。

比如连续英文或符号时,即使定义了宽度,文本还是没法折行,因为没有字符、字母里间隔的话,会当成一个单词。所以按不能折行来解析。

这时如果遇到了链接url,往往全是连续的英文和字母,这样就会把原本做好的页面搅乱。

而有的时候,我们希望强制不折行,或者某一链接不折行,或者折行时链接一起折行,而不会出现链接里两个字有断开的折行。

 

 

style="table-layout: fixed;WORD-BREAK: break-all; 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)也行发生
说明:
设置或检索当当前行超过指定容器的边界时是否断开转行。

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

相关推荐

    jsp页面Table自动换行

    Linux文档 博文链接:https://linhui-dragon.iteye.com/blog/1741326

    jsp强行给表格换行

    从数据库中读取的数据,填写到table中,如果数据过长,或者格式无法控制,使用这个样式,可以自动强行的给table换行。

    jsp输出表格、jsp输出列表

    jsp输出对象,类似表格。可用于页面输出图片列表。或是类似图片列表的页面中,如果一个list很多对象,你要将同一个字段在页面输出成一个列表的形式,就请看看吧。

    jsp中为表格添加水平滚动条的实现方法

    首先,本项目中使用的是bootstrap框架,因此有些人会说,给表格设置自适应属性就可以了 这里要申明的是 bootsrtap自适应是针对当浏览器不占满整个屏幕,而是一半的时候才会出现横向的滚动条 而当我们将浏览器最大化...

    Jsp通用范例开发金典光盘源代码

    全书分为16章,内容包括HTML语句的基本语法,JSP指令与动作,JSP内部对象,JavaScript脚本在JSP编程中的使用,JavaBean在JSP中的基本概念及其属性与方法,数据库的连接方式,绘图方法,实现邮件的收发功能,打印Word...

    jsp中为表格添加水平滚动条的方法

    首先,本项目中使用的是bootstrap框架,因此有些人会说,给表格设置自适应属性就可以了 这里要申明的是 bootsrtap自适应是针对当浏览器不占满整个屏幕,而是一半的时候才会出现横向的滚动条 而当我们将浏览器最大化...

    JSP动态网页制作基础培训教程源代码.rar

    此部分是指文件夹名为第1~9章中的内容(如表1),这些是书中介绍JSP相关知识的源代码。文件的命名规则与书中相应源代码文件名一致。读者可将相关文件夹(如ch2)拷贝到Tomcat服务器安装目录的子目录webapps下,并...

    咖啡智能报表控件 2.0.zip

    计算出相应的数值,在数据处理中根据数据所属数据范围自动求和运算等,用户只简单的提供数据就可以得出复杂强大的报表, 除了智能的处理外也提高了系统处理性能。 17、强大WEB功能 通过接口可以下载WEB服务上的报表...

    计算机二级Web程序设计模拟卷(二).doc

    在html中绘制表格时,()标记是表格中的换行标记。 A. B. C. D. 正确答案:C 您的答案: 本题解析: 暂无解析 2.使用JavaScript语言中Document的()方法可以在页面上输出字符。 A.document.write() B.document.print...

    asp学习笔记

    p 段落标签,自动换行 块级标签 换行标签 <hr/> 划线标签 b 加粗标签 <ul/> 列表标签,配合li使用 (2/3/4/...)/> 标题标签 table 表格标签 tr 行标签 td 列表签 th 标题标签 *属性: ;"> <...

    北大青鸟订餐系统(restrant)纯html(div+css)

    本人在青鸟时做的 订餐系统 页面 ... 说明:首先首页遍历菜的时候,不需要像表格那样判断(打印两个就换...直接遍历就行,我是用浮动排的 会自动适应 自动换行。 下载下来 你们改改 添新功能 什么的 就是你们的事了,呵呵

    JavaScript完全自学宝典 源代码

    \testJson\WebRoot\orderInfo.jsp 录入商品信息的JSP页面。 第21章(\c21) 示例描述:介绍Prototype框架。 21.1.html 使用Prototype的$()方法获取指定元素。 21.2.html 使用Prototype的$A()方法获取...

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

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

    Java开发技术大全 电子版

    Java开发技术大全 电子版 第1篇Java基础知识入门. 第1章Java的开发运行环境2 1.1Java的运行环境与...14.13.15“自动换行”菜单的响应代码570 14.13.16“查找…”菜单的响应代码570 14.13.17“设置字体…”菜单...

    freemarker总结

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

Global site tag (gtag.js) - Google Analytics