账号通
    

账号  

密码  

2347

查看

2

回复
主题:vertical-align一大堆乱七八糟的属性 [收藏主题]  
zzlsylnet 当前离线

43

主题

0

广播

0

粉丝
添加关注
级别:学前班

用户积分:64 分
登录次数:21 次
注册时间:2011/5/18
最后登录:2011/8/19
zzlsylnet 发表于:2011/5/28 15:42:56   | 只看该作者 查看该作者主题 楼主 
做在线知识付费 选科汛云开店

    百分数值,百分值与数值,以我的眼光看去,代表了不同的思想,以及心态。前者代表着灵活,自由与开放,后者有严谨,精确,安稳之意。css中支持百分值的属性还不少,例如width/height,line-height,font-size,这里的vertical-align属性也是其一。提到百分值,必然牵扯到相对于那个属性(或值),例如宽度百分比都是相对于父块状元素的宽度值的,font-size的百分值是相对于向外的第一含有font-size属性的层的font-size大小而言的,而这里的vertical-align,有些不拘一格,是相对于此标签继承的line-height值决定的。(http://www.lsyl.net/



  vertical-align一大堆乱七八糟的属性

  vertical-align指的是什么意思呢?我window+D清屏,双击打开有道桌面词典,输入vertical,再输入align,"哦~~~~",我脑袋一晃,原来是"垂直的"+"对齐"的意思,就是垂直对齐嘛!

  中,就是垂直对齐的意思,先放一边,郑州无痛***我看先看看vertical-align支持哪些属性,我比较喜欢轻巧的Dreamweaver,看看他的提示属性又哪些:

  有句俗语叫做"见多不怪",我估摸着这些top,bottom属性大家都见过,没啥看头,没啥说头。老实讲,我看到这些养臭虫的属性也头疼,所以,忘了他们,我们说点有意思的。vertical-align属性与数值。见下面的表:

  值 描述

  数值 上下的高度值,支持负值

  百分值 – % 上下的高度值,百分大小相对于"line-height"属性

  baseline 默认。元素放置在父元素的基线上。

  sub 下标对齐

  super 上标对齐

  top 把元素的顶端与行中最高元素的顶端对齐

  text-top 把元素的顶端与父元素字体的顶端对齐

  middle 父元素中线对齐

  bottom 把元素的顶端与行中最低的元素的顶端对齐。

  text-bottom 父元素文字底部对齐

  inherit 继承父元素

  1. 首先关于数值,见下面的示例:

  .test{vertical-align:-2px;}

  我的理解为郑州防空兵***元素相对于基线向下偏移两像素,这个常常用来修复单选框/复选框与12像素文字大小不对齐的问题。这个没有什么好说的。

 
  支持(19) | 反对(19) 回到顶部顶端 回到底部底部
wydyzq10 当前离线

86

主题

0

广播

0

粉丝
添加关注
级别:学前班

用户积分:153 分
登录次数:15 次
注册时间:2011/5/3
最后登录:2011/6/7
wydyzq10 发表于:2011/5/28 17:39:53   | 只看该作者 查看该作者主题 沙发 
 
  支持(19) | 反对(16) 回到顶部顶端 回到底部底部
上海sem小冲 当前离线

314

主题

0

广播

0

粉丝
添加关注
级别:二年级

用户积分:100 分
登录次数:10 次
注册时间:2011/5/31
最后登录:2011/7/27
上海sem小冲 发表于:2011/5/31 11:56:06   | 只看该作者 查看该作者主题 藤椅 
 
  支持(3) | 反对(1) 回到顶部顶端 回到底部底部
<上一主题 | 下一主题 >
Powered By KesionCMS Version X1
厦门科汛软件有限公司 © 2006-2016 页面执行0.10938秒 powered by KesionCMS 9.0