网页开发过程中时常会遇到关于折行和不折行的问题。
比如连续英文或符号时,即使定义了宽度,文本还是没法折行,因为没有字符、字母里间隔的话,会当成一个单词。所以按不能折行来解析。
这时如果遇到了链接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 : 固定布局的算法。在这算法中,水平布局是仅仅基于表格的宽度,表格边框的宽度,单元格间距,列的宽度,而和表格内容无关
分享到:
相关推荐
Linux文档 博文链接:https://linhui-dragon.iteye.com/blog/1741326
从数据库中读取的数据,填写到table中,如果数据过长,或者格式无法控制,使用这个样式,可以自动强行的给table换行。
jsp输出对象,类似表格。可用于页面输出图片列表。或是类似图片列表的页面中,如果一个list很多对象,你要将同一个字段在页面输出成一个列表的形式,就请看看吧。
首先,本项目中使用的是bootstrap框架,因此有些人会说,给表格设置自适应属性就可以了 这里要申明的是 bootsrtap自适应是针对当浏览器不占满整个屏幕,而是一半的时候才会出现横向的滚动条 而当我们将浏览器最大化...
全书分为16章,内容包括HTML语句的基本语法,JSP指令与动作,JSP内部对象,JavaScript脚本在JSP编程中的使用,JavaBean在JSP中的基本概念及其属性与方法,数据库的连接方式,绘图方法,实现邮件的收发功能,打印Word...
首先,本项目中使用的是bootstrap框架,因此有些人会说,给表格设置自适应属性就可以了 这里要申明的是 bootsrtap自适应是针对当浏览器不占满整个屏幕,而是一半的时候才会出现横向的滚动条 而当我们将浏览器最大化...
此部分是指文件夹名为第1~9章中的内容(如表1),这些是书中介绍JSP相关知识的源代码。文件的命名规则与书中相应源代码文件名一致。读者可将相关文件夹(如ch2)拷贝到Tomcat服务器安装目录的子目录webapps下,并...
计算出相应的数值,在数据处理中根据数据所属数据范围自动求和运算等,用户只简单的提供数据就可以得出复杂强大的报表, 除了智能的处理外也提高了系统处理性能。 17、强大WEB功能 通过接口可以下载WEB服务上的报表...
在html中绘制表格时,()标记是表格中的换行标记。 A. B. C. D. 正确答案:C 您的答案: 本题解析: 暂无解析 2.使用JavaScript语言中Document的()方法可以在页面上输出字符。 A.document.write() B.document.print...
p 段落标签,自动换行 块级标签 换行标签 <hr/> 划线标签 b 加粗标签 <ul/> 列表标签,配合li使用 (2/3/4/...)/> 标题标签 table 表格标签 tr 行标签 td 列表签 th 标题标签 *属性: ;"> <...
本人在青鸟时做的 订餐系统 页面 ... 说明:首先首页遍历菜的时候,不需要像表格那样判断(打印两个就换...直接遍历就行,我是用浮动排的 会自动适应 自动换行。 下载下来 你们改改 添新功能 什么的 就是你们的事了,呵呵
\testJson\WebRoot\orderInfo.jsp 录入商品信息的JSP页面。 第21章(\c21) 示例描述:介绍Prototype框架。 21.1.html 使用Prototype的$()方法获取指定元素。 21.2.html 使用Prototype的$A()方法获取...
1、HTML中定义表格的宽度用80px和80%的区别是什么? 11 2、CSS样式定义优先级顺序是? 12 3、div和span的区别? 12 4、CSS选择器包括? 12 5、用css3语法中,如何实现一个矩形框的圆角效果和50%红色透明效果?,请写...
Java开发技术大全 电子版 第1篇Java基础知识入门. 第1章Java的开发运行环境2 1.1Java的运行环境与...14.13.15“自动换行”菜单的响应代码570 14.13.16“查找…”菜单的响应代码570 14.13.17“设置字体…”菜单...
2,使用+运算符时,如果一边是数字,一边是字符串,就会自动将数字转换为字符串再连接,如:${3 + "5"},结果是:35 使用内建的int函数可对数值取整,如: ${ (x/2)?int } ${ 1.1?int } ${ 1.999?int } ${ -1.1?int } ...