vertical-align 笔记
2014-05-04 11:22
239 查看
一些属性解释。
几个自己认为常用到的属性
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的底端对齐;
几个自己认为常用到的属性
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的底端对齐;
相关文章推荐
- win7 获取文件管理员权限添加到鼠标右键
- 1.2 Lines in the plane
- 如何才能学好计算机?
- jndi 数据源配置详解
- HighCharts饼图
- 串行乘法与并行乘法
- HighCharts饼图
- 监控---pnp4nagios 编译出错
- 处理记录
- Linux多线程中使用信号-2
- 计算机的专业教程
- 第二季来袭:奶茶妹妹都用Lync开会了,你们一定要知道的Lync会议的秘密噢~
- android面试题整理
- X86 Booting Sequence
- Conceptual blockbusting--chap7 Kinds of blockbusters
- 平常遇见的错误问题解决
- jquery中的ajax方法怎样通过JSONP进行远程调用
- awk
- Harris语言串分析法
- 通用sqlserver分页存储过程