码迷,mamicode.com
首页 > 其他好文 > 详细

vertical-align 笔记

时间:2014-05-04 19:29:49      阅读:314      评论:0      收藏:0      [点我收藏+]

标签:ext   line   c   text   div   ase   

一些属性解释。

 

几个自己认为常用到的属性

 

baseline:默认

数值,px 百分比等是元素相对于基线偏移值,负数为向下偏移,正数为向上;

text-top:把用vertical属性元素的顶端与父元素中的文字顶端对齐;

text-bottom:把用vertical属性元素的底端与父元素中的文字底端对齐;

这里说的父元素中的文字底\顶端也包含了在父元素中的其他同级子元素的文字,比如parent 这个DIV中包含了A--采用vertical-align的元素和B,B元素中有段文字。

那么text-bottom、text-top就是对齐的这段文字

top:把用vertical属性元素的顶端与父元素中的line-box顶端对齐;

bottom:把用vertical属性元素的底端与父元素中的line-box底端对齐;

line-box指的是这个元素的content。content高度为其内容撑起来的高度或则是直接设定其值的高度。

换言之,top的意思就是把元素的顶端与最高的同级子元素的顶端对齐

bottom就是content的底端对齐;

vertical-align 笔记,布布扣,bubuko.com

vertical-align 笔记

标签:ext   line   c   text   div   ase   

原文地址:http://www.cnblogs.com/strangerqt/p/3706369.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!