vertical-align

vertical-align

  • 改变基线对齐方式
    • vertical-align: top; 顶部对齐
    • vertical-align: bottom; 底部对齐
    • vertical-align: middle; 中部对齐 |值|描述|
      |—-|—-|
      |长度|通过距离升高(正值)或降低(负值)元素。’0cm’等同于’baseline’|
      |百分值 – %|通过距离(相对于1line-height1值的百分大小)升高(正值)或降低(负值)元素。’0%’等同于’baseline’|
      |baseline|默认。当前元素的基线与父元素的基线对齐。|
      |sub|降低元素的基线到父元素合适的下标位置。|
      |super|升高元素的基线到父元素合适的上标位置。|
      |top|所有平级元素,去找最高(高度最高)元素的顶部进行对齐|
      |text-top|把元素的顶端与父元素内容区域的顶端对齐。|
      |middle|所有平级元素,去找最高(高度最高)元素的中部进行对齐|
      |bottom|所有平级元素,去找最高(高度最高)元素的底部进行对齐|
      |text-bottom|把元素的底端与父元素内容区域的底端对齐。|
      |inherit|采用父元素相关属性的相同的指定值|

浏览器支持

  • 所有浏览器都支持 vertical-align 属性。
  • 注释:任何的版本的 Internet Explorer (包括 IE8)都不支持属性值 “inherit”。
深入理解line-height与vertical-align推荐地址:http://www.cnblogs.com/xiaohuochai/p/5271217.html
您的支持将鼓励我继续创作!