|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
DIV本身就是容器性质的,你不但可以内嵌table还可以内嵌文本和其它的HTML代码CSS是CascadingstyleSheets的简称,中文译作“层叠样式表单”。
相干文章:CSS教程:行高line-height属性(1)
7.3.3行高的盘算与承继以em、ex和百分比为单元的行高,其基数是元素自己的字体尺寸。比方有代码以下:
<pstyle="font-size:20px;line-height:2em;">字高20px,行高2em。</p><pstyle="font-size:30px;line-height:2em;">字高30px,行高2em。</p>2个段落的行高都为2em,可是字体巨细分歧,因而显现如-23所示。
-23行高的盘算行高能够设定得比字体高度小,此时多行的笔墨将叠加到一同,比方有以下代码,其显现如-24所示。p{font-size:20px;line-height:10px;}<p>字高20px,行高10px。此时多行的笔墨将叠加到一同。</p>
-24比字体高度小的行高行高是可承继的,可是承继的是盘算值,比方有以下代码:p{font-size:20px;line-height:2em;}pspan{font-size:30px;}<p>字高20px。<span>字高30px。</span></p><p>元素的行高2em,字体尺寸为20px,因而盘算值为40px,固然<span>元素自己的字体尺寸为30px,不外其承继的行高仍为40px。可是在分歧的扫瞄器内显现的效果却不尽不异,如-25所示。
-25行高的分歧体现因为承继的是盘算值,因而当元素内的笔墨字体尺寸纷歧样的时分,假如设定流动的行高极可能形成字体的堆叠,比方有以下代码,其显现如-26所示。p{font-size:20px;line-height:1em;}pspan{font-size:30px;}<p>字高20px,行高1em,当文本为多行时大概会产生笔墨堆叠的设想。<span>字高30px。</span></p>
-26行高承继形成笔墨叠加为了不这类情形,能够为每一个元素独自界说行高,可是如许很啰嗦,因而能够界说一个没有单元的实数值作为缩放因子来一致把持行高,缩放因子是间接承继的,而不是承继盘算值。比方修正上例中的行高为:p{line-height:1;}则上例中的XHTML代码显现如-27所示。
-27缩放因子对行高的影响当内容中含有图片的时分,假如图片的高度年夜于行高,则含有图片行的行框将被撑开到图片的高度,如-28所示。
-28含有图片的行注重:图片固然撑开了行框,可是不会影响行高,因而也不会影响到基于行高来盘算的其他属性。提醒:当行内含有图片的时分,图片和笔墨的垂直对齐体例默许是基线对齐,关于垂直对齐将在本章[7.4垂直对齐:vertical-align属性]一节中会商。
可以增加更多的用户而不需要建立独立的版本。可以一次设计,随处发布。 |
|