文本的样式和对象的jQuery的高度分别解释。
Web开发经常用于处理与文本处理相关的问题。这里我们总结了用法和jQuery高度的结合。1。CSS文本样式
1、字:把所有的| |打破一切正常
设置或检索在容器边界上处理单词的方式,或者不允许单词进入单词中。
正常:浏览器默认处理方法;
保持所有:符合容器的边界,并且不改变单词中的单词。
打破所有:符合容器的边界,可以在单词中改变单词,也就是说,单词断了,行显示出来。
2、自动换行:正常休息的话|
设置或检索当含量超过指定的容器边界换行符;
正常:当内容超过容器边界时,内容可以打开或溢出容器的边界;
中断词:当内容超出容器边界时,内容将在容器边界上更改。
3、白色空间:正常预预包装| nowrap | | |预线
在对象中设置或检索空间的过程;
正常浏览器的默认进程;
前置:不与空白合并,内容超出容器边界且不改变。
Nowrap:军队的一行显示所有的文本,合并多余的空白,直到文本或对象的BR遭遇结束;
预包装:不与文本空白的合并,和内容是在多次的边界变化。
前一行:不保留文本之间的空白,而内容经常在边界处遇到。
4、文本转换:没有大写大写小写| | | |全宽度
检索或设置对象中文本的文本;
没有:保留原来的样品,没有转换。
大写:每个词的首字母都变成大写字母。
大写字母:所有单词都被转换成大写字母。
小写:所有单词都变成小写字母。
所有的文字全宽度:转换成全角形式,和原来的形式被保留而没有相应的全角形式。
5、文本溢出:剪辑省略|
在容器边界之外设置检索文本。
剪辑:当内容超出边界时,多余部分被切断;
当省略:内容超过边界时,省略的多余部分;
注意:这个属性需要设置空格=不换行,溢出=隐藏的唯一作品,和这两个属性是放在文本溢出;
6、文本缩进:| | | {悬挂各线}
检索或设置对象中文本的缩进;
长度:文本按指定的长度值缩进,可以是负值。
百分比:文本缩进指定百分之一的比率,可以是负的。
挂起:在第一行缩进的作用下定义容器的第一行或每行的内力,软线不受影响;
每行:反转所有缩进的行。
For example, p{text-indent:2em each-line}
7、行高:正常| | |数
对象的高度被检索或设置,即文本字符的最低点到顶部之间的距离;
正常:允许内容顶部打开或指定容器默认;
长度:指定具有指定数字的行的高度,它可以是负数。
百分比:指定具有指定百分比的行的高度,该值可以是负数。
编号:使用乘积因子指定行的高度,该行可以是负数。
举一个例子:uff1a
复制代码代码如下所示:
当容器超出省略号、文本时,该文本将显示…文本abc66666666666666666666666…
二,jQuery获取DOM对象的高度
The highly related methods are: height () (), outerHeight (), outerHeight (true), and the width related methods are: width (), outerWidth (), outerWidth (true).
如果有一个div对象ID = div_id,然后找出各种宽度如下:
复制代码代码如下所示:
$(# div_id )(高度)/ $(# div_id )(宽度); / /得到的高度/宽度的div本身(不包括填充、边缘、边界)
$(# div_id )(。网页)/ $(# div_id )(。边界的高度与宽度); / / / DIV本身含有高宽,高/宽/高填充和边界宽度下(高/宽不包含边缘)
$(# div_id ),OuterHeight(真)/ $(# div_id ),OuterWidth(真); / /包含高/宽,DIV本身和填充,边框,总高度/宽度的边缘
举一个例子:uff1a
复制代码代码如下所示:
DIV信息:身高:30px,宽度:网站500px,填充:10px 20px;保证金:10px 5px,
功能试件最大高度(){
var obj = $(# testdiv);
警报('obj高度= +()+obj.height目标网页= +()+obj.outerheight目标网页(真正的)= + obj.outerheight(真的));
警报('obj宽度= +()+obj.width对象边界的高度与宽度= +()+obj.outerwidth对象边界的高度与宽度(真正的)= + obj.outerwidth(真的));
}