- 博客(4)
- 资源 (4)
- 收藏
- 关注
RSS订阅原创 7.3 行高：line-height属性[3]
7.3.4 浏览器的差别与错误 浏览器在显示的时候往往会有自己的表现形式，例如在Opera内，行高将按照CSS定义的将行距除以2增加到内容区域的上下两边，而IE和Firefox则不是完全平分，如图7-29所示。 图7-29 不同浏览器对行高的显示 不过，相差的1至2个像素在实际显示中一般不会有太大的影响，因此可以忽略不计。 比较严重的错误是IE 6.0对于含
2008-06-26 16:23:00
1275
原创 7.3 行高：line-height属性[2]
7.3.3 行高的计算与继承 以em、ex和百分比为单位的行高，其基数是元素本身的字体尺寸。例如有代码如下： 字高20px，行高2em。 字高30px，行高2em。2个段落的行高都为2em，但是字体大小不同，因此显示如图7-23所示。 图7-23 行高的计算 行高可以设定得比字体高度小，此时多行的文字将叠加到一起，例如有如下代码，其显示如
2008-06-21 10:05:00
2267
4
原创 左右内容高度不定，使用border实现中间分割线
今天q群里有个网友需要一个竖线，分割左右两边，但是两边的高度又不定，可能左边高也可能右边高，如果给左边或者右边定义边线都有可能会无法贯通整个高度。这是一个常见的左右布局需要高度自适应的例子，但是由于它只需要中间的分割线，所以可以采用一个比较特殊的处理方法：1 给左边的div设定右边线；给右边的div设定左边线；这样无路哪个高都将有边线显示。2 设定负边距，让这两条边线重
2008-06-18 14:15:00
2132
原创 7.3 行高：line-height属性[1]
行高的概念看上去很简单——文字行的高度，其实，行高所涉及到的基础知识，对于今后理解其它属性也很重要。 大片密密麻麻的文字往往会让人觉得乏味，因此适当地调整行高（line-height）可以减低阅读的困难与枯燥，并且使页面显得美观。行高指的是文本行的基线间的距离，但是文本之间的空白距离不仅仅是行高决定的，同时也受字号的影响。 7.3.1 语法 line-heig
2008-06-17 09:17:00
1509
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人