`
zhangyaochun
  • 浏览: 2609230 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

css vertical-align属性

阅读更多

CSS vertical-align 属性

 

   -------设置元素的垂直对齐方式

 

 

  • 定义行内元素的基线相对于该元素所在行的基线的垂直对齐
  • 允许指定长度值和百分比值
  • 所有浏览器都支持vertical-align属性
  • 默认值:baseline
  • 继承性:no
  • 版本   :CSS1
  • JavaScript语法: object.style.verticalAlign = "bottom"


值 描述
baseline 默认。元素放置在父元素的基线上
sub 垂直对齐文本的下标
super 垂直对齐文本的上标
top 把元素的顶端与行中最高元素的顶端对齐
text-top 把元素的顶端父元素字体的顶端对齐
middle 把此元素放置在父元素的中部
bottom 把元素的顶端与行中最低的元素的顶端对齐
text-bottom 把元素的底端与父元素字体的底端对齐
length
% 使用 "line-height" 属性的百分比值来排列此元素。允许使用负值。
inherit 规定应该从父元素继承 vertical-align 属性的值


扩展阅读:




分享到:
评论
1 楼 dabing69221 2013-07-24  
学习了!       

相关推荐

    深入理解css中vertical-align属性

    CSS中的vertical-align属性是用于控制行内元素(inline元素)或者表格单元格(table-cell元素)的垂直对齐方式。它主要影响元素在垂直方向上的位置,与水平方向上的布局(如margin和padding)是分开的。vertical-...

    css vertical-align属性详细图解分析

    `vertical-align`属性是CSS中用于控制内联元素垂直对齐方式的一个关键属性。它主要应用于内联元素,如`<span>`, `<img>`, `<a>`等,旨在调整这些元素在行内的垂直位置。然而,由于浏览器的实现差异,`vertical-align...

    css vertical-align属性的一些理解与认识(一)

    CSS中的`vertical-align`属性是用于控制元素在行内元素(inline elements)或者行内块元素(inline-block elements)中的垂直对齐方式。这个属性在布局设计中扮演着重要角色,尤其是在处理表格、图像、输入框等元素...

    css 垂直对齐 css中vertical-align属性(垂直对齐)的使用说明

    `vertical-align`属性就是用来实现这一目的的关键。它主要用于控制行内元素(如`<span>`、`<img>`等)和表格单元格(`<td>`)内部内容的垂直对齐。然而,`vertical-align`在块级元素上并不起作用,这是初学者常犯的...

    text-align,vertical-align,line-height居中布局笔记

    综上所述,通过合理地使用`text-align`、`vertical-align`和`line-height`属性,可以有效地实现文本和元素的居中布局。这三种属性在不同的场景下有着各自的作用,理解它们的特点并加以灵活运用,可以帮助开发者更好...

    text-align,vertical-align,line-height居中布局

    text-align,vertical-align,line-height居中布局笔记

    深入理解CSS中的vertical-align属性和基线问题

    vertical-align属性主要用于改变行内元素的对齐方式,对于行内布局影响很大,如果不了解的话,我们开发调整样式的时候很容易出错。 网上关于这个属性的原理说得很是复杂,看一眼就让人觉得望而生畏,而且大可不必...

    CSS进阶:Transform、Transition、Animation及Vertical-align详解

    本文主要介绍了CSS中的Transform属性、Transition过渡动画、关键帧Animation以及Vertical-align属性的功能特性和用法。通过对这几个重要的布局排版相关技术细节展开解析,并提供了多个使用场景的具体示例进行说明,...

    CSS实例:vertical-align属性让网页层居中

    CSS实例:vertical-align属性让网页层居中. vertical-align属性使网页层居中 网页源代码如下: <html><head><style>body{TEXT-ALIGN: center;}#center{MARGIN-RIGHT: auto;MARGIN-LEFT: auto;...

    CSS标准:vertical-align属性

    原文:http://www.mikkolee.com/13最近几天仔细研究了一下vertical-align这个属性,结果让我大吃一惊,这个很“资深”的CSS标准竟然在各个浏览器里面的表现都各不相同。vertical-align的值有点多,包括 baseline sub...

    css中图片于文本的基线对齐与vertical-align属性设置

    在Web页面设计过程中,图片与文本的对齐是十分常见的需求,而CSS中的vertical-align属性则是用来控制元素垂直方向上的对齐方式。通常,图片默认会与文本基线对齐,但有时我们需要对图片与文字的垂直位置进行更精细的...

    CSS教程:vertical-align的值

    最近几天仔细研究了一下vertical-align这个属性,结果让我大吃一惊,这个很“资深”的CSS标准竟然在各个浏览器里面的表现都各不相同。 最近几天仔细研究了一下vertical-align这个属性,结果让我大吃一惊,这个很...

    CSS属性探秘系列(四):vertical-align

    一、前言vertical-align对于初学者最常见的使用是在表格中了,尤其是使用dreamweaver的童学,常见的数top,middle,bottom了,其他的应该很少用到,但是vertical-align的属性之多,所以情况也略显复杂,下面先来看看...

Global site tag (gtag.js) - Google Analytics