您现在的位置是:首页 > Javascript
当前栏目
css行内元素的垂直居中
2023-03-15 23:13:25 时间
1、单行行内元素居中,只需要将子元素的行高等于高度就可以了。
#container { height: 400px; background: pink; } #inner{ display: inline-block; height: 200px; line-height: 200px; }
2、多行元素,最多的是使用 table-cell 的方式。子元素的表现形式和行内元素类似,子元素不能独占一行。
.container { width: 200px; height: 400px; background: pink; position: absolute; display: table; vertical-align:middle; } .inner{ display: table-cell; vertical-align:middle; }
以上就是css行内元素的垂直居中介绍,希望对大家有所帮助。更多css学习指路:css教程
本文教程操作环境:windows7系统、css3版,DELL G3电脑。
相关文章
- HarmonyOS PageSlider组件使用(二)Provider介绍
- HarmonyOS实战—CommonDialog组件的基本使用
- 浅谈HarmonyOS Glide组件的GIF能力
- Windows 11更新:带来Microsoft 365小组件 商店界面微调
- 微软 Windows 11 Build 22000.168 (KB5005191) 预览版发布:Teams 更多语言
- HarmonyOS 鸿蒙开源第三方组件-表情雨EmojiRain
- 不是 Bug,微软确认 Windows 11 任务栏不再支持一些功能特性
- Windows 11预览版更新!带你围观Windows 11全新内置功能
- 经典组件在Windows 11获新生!Windows 11新版画图曝光
- HarmonyOS用Matrix实现各种图片ScaleType缩放
- HarmonyOS 基础之 UI 布局(一)
- HarmonyOS列表组件-ListContainer
- HarmonyOS实战—Text组件宽高三种值的写法和颜色属性
- 鸿蒙开源第三方组件—ANR异常监测组件 ANR-WatchDog-ohos
- 鸿蒙开源第三方组件—自定义流式布局组件FlowLayout_ohos
- HarmonyOS《鸿蒙操作系统开发入门经典》之前九类UI组件
- Chrome 94将上线HTTPS-First选项 锁型图标更改为向下箭头
- 微软发布首个Office ARM 64位预览版:原生性能堪比x64
- 鸿蒙开源第三方组件—日期和时间处理组件JodaTime-ohos
- CSS 盒模型