全面认识CSS vertical-align属性用法

开发 前端
本文向大家介绍一下CSS vertical-align 属性的用法,该属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐。

你对CSS vertical-align 属性的使用是否熟悉,这里和大家分享一下,vertical-align 属性设置元素的垂直对齐方式。

CSS vertical-align 属性

定义和用法

vertical-align 属性设置元素的垂直对齐方式。

说明

该属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐。允许指定负长度值和百分比值。这会使元素降低而不是升高。在表单元格中,这个属性会设置单元格框中的单元格内容的对齐方式。

实例

垂直对齐一幅图像:

  1. img  
  2.   {  
  3.   vertical-align:text-top;  
  4.   }  

浏览器支持

所有浏览器都支持 vertical-align 属性。

注释:任何的版本的 Internet Explorer (包括 IE8)都不支持属性值 "inherit"。

可能的值 

【编辑推荐】

  1. CSS overflow溢出属性
  2. 学习笔记 CSS clip属性用法指导
  3. CSS border-collapse属性用法解析
  4. CSS中使用margin属性定义网页边距
  5. CSS中cellspacing和cellpadding属性用法揭秘

 

责任编辑:佚名 来源: 68tt.com
相关推荐

2010-09-03 10:43:05

CSSmargin

2012-03-31 10:22:43

DIVCSS

2010-07-16 10:14:09

Perl子程序

2010-07-29 09:00:29

Flex弹出窗口

2010-08-25 14:26:09

CSSdisplay

2010-08-25 14:36:35

CSSheightwidth

2010-08-23 08:45:08

CSSpadding内边距

2010-09-01 13:37:58

CSSclip属性

2010-08-23 15:33:47

CSSpadding

2010-08-25 10:21:49

CSSmargin

2010-09-03 12:46:28

CSSexpression

2010-08-25 13:33:55

CSSpadding

2010-08-25 13:54:29

CSStop

2010-07-28 15:21:01

Flex函数

2010-07-15 11:16:25

Perl格式化输出

2010-09-07 14:40:10

title属性Alt属性CSS

2010-09-02 15:32:51

CSSfloat

2010-09-15 13:44:01

CSS positio

2010-08-20 14:58:26

CSSpadding

2010-09-15 16:57:18

CSS display
点赞
收藏

51CTO技术栈公众号