vertical-align 详解
2024-08-27 22:57:04
vertical-align用来设置垂直对齐方式,所有垂直对齐的元素都会影响行高
值: baseline | sub | super | top | text-top | middle | bottom | text-bottom | <length> | <percentage> | inherit
初始值: baseline
应用于: 行内元素、替换元素、表单元格
继承性: 无
百分数: 相对于元素的行高line-height
vertical-align:baseline(元素的基线与父元素的基线对齐)
vertical-align:sub(降低元素的基线到父元素合适的下标位置)
vertical-align:super(升高元素的基线到父元素合适的上标位置)
vertical-align:bottom(把对齐的子元素的底端与行框底端对齐)
vertical-align:text-bottom(把元素的底端与父元素内容区域的底端对齐)
vertical-align:top(把对齐的子元素的顶端与行框顶端对齐)
vertical-align:text-top(把元素的顶端与父元素内容区域的顶端对齐)
vertical-align:middle(元素的中垂点与父元素的基线加1/2父元素中字母X的高度对齐)
vertical-align:(+-n)px(元素相对于基线上下偏移npx)
vertical-align:x%(相对于元素的line-height值)
vertical-align:inherit(从父元素继承vertical-align属性的值)
最新文章
- 得到 window.open 新页面中的数据
- Android 图片的合成
- 伪装MAC地址
- android学习1——LinearLayout
- IE报vuex requires a Promise polyfill in this browser问题解决
- js闭包绑定元素
- 一份关于webpack2和模块打包的新手指南
- 编辑器开发之 Range 范围对象的学习
- anaconda相关使用方法
- Java基础总结1
- Real-time chart using ASP.NET Core and WebSocket
- 调试阶段 获取微信小程序openid
- iOS获取当前城市
- jxl 读取xls,并转为二维数组可进行保存
- MySql之触发器的使用
- Zero Downtime Upgrade of Oracle 10g to Oracle 11g Using GoldenGate — 4
- 成都Uber优步司机奖励政策(1月19日)
- Python抓取学院新闻报告
- 印象笔记ipad端快捷键
- Oracle索引(1)概述与创建索引
热门文章
- JPA-style positional param was not an integral ordinal
- 安卓Dialog对话框多次显示而闪退的解决办法
- 【2019北京集训2】duck 线段树优化建图+tarjan
- 09-02 java 多态
- 写一个MySql存储过程实现房贷等额本息还款计算(另外附javascript代码)
- 这两周服务器被攻击,封锁了600多个IP地址段后今天服务器安静多了
- python特殊的数据类型
- Chapter 3 Phenomenon——23
- 多线程,线程同步,synchronized关键字的用法
- Microsoft.Net 版本