CSS vertical-align 属性
实例
垂直对齐一幅图像:
img{vertical-align:text-top;
}
浏览器支持
所有浏览器都支持 vertical-align 属性。
注释:任何的版本的 Internet Explorer (包括 IE8)都不支持属性值 "inherit"。
定义和用法
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 属性的值。 |
在线试一试在线试一下
CSS vertical-align 属性相关推荐
- html text align属性,CSS中的text-align属性怎么用
CSS的text-align属性可用于设置文本的位置,接下来的这篇文章将给大家介绍关于CSS中的text-align属性的用法,下面我们来看具体的内容. 我们先来看一段简单的代码 在此处显示文字 效果 ...
- html中align属性的justify,css text-align属性简介说明
摘要: 下文讲述css属性text-align的功能简介说明,如下所示: css text-align属性功能说明 css text-align属性功能: 设置html标签中内容的水平对齐方式 tex ...
- html笔记(一)html4+css2.0、css基础和属性、盒模型
w3c 官网 这里是 html4 的内容 大标题 小节 一.关于HTML 1. 基本语法 2. HTML常用标签 3. 相对路径和绝对路径 二.css基础 1. 表单元素 2. 创建样式表 3. cs ...
- android studio table居中代码_html table表格标签内容如何居中显示?表格的align属性的用法介绍...
本篇文章主要的介绍了关于HTML 表格table标签的居中使用,还有关于align属性在table表格标签中的使用方法,可以帮助表格对齐和表格中的文本对齐.接下来让我们来看看这篇文章吧. 首先我们先来 ...
- CSS基础——CSS字体样式属性【学习笔记】
CSS字体样式属性调试工具 font字体 CSS外观属性 快捷操作emmet语法 练习案例-体育页面 1.font字体 1.1 font-size:大小 作用: font-size属性用于设置字号 p ...
- css常用的属性(边框三角形,文本省略号)
文章目录 边框 列表 背景 文本 显示省略号 边框 边框相关属性 border-width 边框宽度 属性值:length(数值+单位)例如 width:10px border-style 边框样式 ...
- overflow属性html5,什么是css中overflow属性
什么是css中overflow属性 发布时间:2020-07-11 16:06:42 来源:亿速云 阅读:192 作者:Leah 本篇文章给大家分享的是有关什么是css中overflow属性,小编觉得 ...
- css文字自动换行 及css文字相关属性
white-space: normal; normal:忽略多余的空白,元素内如果有多个空格在一起或换行符(回车键),浏览器会把其看作一个空格来处理,不会影响自动换行(就是元素内容过长,在一行上显示不 ...
- html table表格标签内容如何居中显示?表格的align属性的用法介绍
本篇文章主要的介绍了关于HTML 表格table标签的居中使用,还有关于align属性在table表格标签中的使用方法,可以帮助表格对齐和表格中的文本对齐.接下来让我们来看看这篇文章吧. 首先我们先来 ...
- html语言align,html中的align属性
html的标签中,有哪些有align属性 文本对齐 {text-align:center/left/right} vertical-align 设置元素的垂直对齐方式.用的地方不多,因为其兼容性不好. ...
最新文章
- binlog流程 mysql_小米 MySQL 数据实时同步到大数据数仓的架构与实践
- 50个直击灵魂的问题_直击保险人灵魂的五个问题,你怎么回答?
- 【MySQL】如何让数据库查询区分大小写
- vue如何让一句代码只执行一次_lt;Vue 源码笔记系列4gt;异步更新队列与$nextTick...
- inno setup 另一个程序正在使用此文件_STEP 7-MicroWIN SMART程序的上传与下载方式
- Objective-C入门教程(摘录)
- Pyshark获取data-text-lines字段的值
- JAVA- Jersey使用示例
- 陀螺研究院 | 产业区块链发展周报(11.7—11.13)
- GitLab配置ssh key:gitlab add an ssh key
- windows安装mongodb 时msi文件打不开解决方案
- css transtion不生效_CSS3 Transition属性使用详解
- so链接及动态加载原理分析
- ubuntu20.04lts初体验
- 永辉超市业绩下滑背后:新零售遇融合难题?
- 生态学经典:捕食者和被捕食者模型
- 微信h5支付前端代码
- 逆战--关于微信小程序
- [IT最前沿--有点强大] 都市圈实时公交:一款实时查询公交到站信息的应用
- oracle写SQL快捷键,Oracle数据库PL/SQL快捷键设置详解