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

关于vertical-align的使用技巧和方法

时间:2018-01-07 11:54:47      阅读:152      评论:0      收藏:0      [点我收藏+]

标签:height   使用   post   经验   sub   class   字体   cal   元素   

今天和大家分享的是关于vertical-align的使用上的一些个人的经验。

首先,所有的浏览器都支持vertical-align,不过IE不支持inherit属性。

vertical的默认值是baseline,不可以继承。

它可能有以下几个值

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

sub :垂直对齐文本的下标。

super: 垂直对齐文本的上标。

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

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

middle: 把次元素放置在父元素的中部。

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

text-bottom:把元素的底端与父元素字体的底端对其。

%: 使用line-height属性的百分比值来排列此元素,允许其使用赋值。

inherit:规定应该从父元素继承vertical-align属性的值。

使用方法介绍至此,谢谢大家欣赏

关于vertical-align的使用技巧和方法

标签:height   使用   post   经验   sub   class   字体   cal   元素   

原文地址:https://www.cnblogs.com/SeiAoi/p/8215788.html

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