您现在的位置是:课程教程文章
css行内元素的垂直居中
2023-12-13 23:47课程教程文章 人已围观
高中化学必修2第1章第1节元素周期表
高中化学必修2第1章第1节元素周期表资源获取 墨凡化学1元/课 习惯成自然 课程须知 课程简介 适合对象 学习方式...毕业设计指导公开课 Java/前端/JavaEE/分布
毕业设计指导公开课 Java/前端/JavaEE/分布【学习目标】 帮助大家完成毕业设计的同时,提升专业技能,掌握Java web开发的...Web前端零基础到高薪就业之html/css教程
Web前端零基础到高薪就业之html/css教程...Python+Selenium + Webdriver元素定位 最基础的自
Python+Selenium + Webdriver元素定位 最基础的自...
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电脑。
课程教程:css行内元素的垂直居中下一篇:没有了