如何实现垂直居中？
参考回答：
父元素固定宽高，利用定位及设置子元素margin值为自身的一半。
父元素固定宽高，子元素设置position: absolute，margin：auto平均分配margin
css3属性transform。子元素设置position: absolute; left: 50%; top: 50%;transform: translate(-50%,-50%);即可。
将父元素设置成display: table, 子元素设置为单元格 display: table-cell。
弹性布局display: flex。设置align-items: center; justify-content: center;
-
本文向大家介绍如何实现元素的垂直居中？相关面试题，主要包含被问及如何实现元素的垂直居中？时的应答技巧和注意事项，需要的朋友参考一下 参考回答： 法一：父元素display:flex,align-items:center; 法二：元素绝对定位，top:50%，margin-top：-（高度/2） 法三：高度不确定用transform：translateY（-50%） 法四：父元素table布局，子元
-
本文向大家介绍如何垂直居中` `？相关面试题，主要包含被问及如何垂直居中` `？时的应答技巧和注意事项，需要的朋友参考一下 使用协助元素（这里是i），作为img的相邻元素，同为inline-block的两元素相邻时增加vertical-align: middle
-
问题内容： 我正在尝试制作一个小的用户名和密码输入框。 我想问一下，如何垂直对齐div？ 我所拥有的是： 如何使ID为Username和Form的div垂直对齐中心？我试着把： 在CSS中用于ID为Login的div，但似乎不起作用。任何帮助，将不胜感激。 问题答案： 现代浏览器中最好的方法是使用flexbox： 某些浏览器将需要供应商前缀。对于不支持Flexbox的较旧的浏览器（例如IE9及更低
-
我想在表格上垂直对齐。 从'React'导入React，{Component}；从“原生基”导入{Container，Header，Content，Form，Item，Input，Button，Text}；从“react native”导入{StyleSheet}； }); 我的应用程序看起来像这样。
-
问题内容： 我怎么能垂直居中内的？ 到目前为止，我的代码： 我已经尝试过“ top：50％”；和“ vertical-align：middle”；没有成功 编辑： 好的，所以已经讨论了很多。我也许已经开始了另一场小型的火焰战争。但是为了论证，那我该如何用一个表呢？到目前为止，我已经将CSS用于其他所有内容，所以这并不是说我没有尝试采用“良好做法”。 编辑： 内部div没有固定的高度 问题答案： 简
-
问题内容： 编码： 如现在所呈现的，跨度与div的左下角对齐。 问题答案： 请参阅我关于理解垂直对齐的文章。在讨论的最后，有多种技术可以实现您想要的。 （超简短摘要：或者将子级的行高设置为等于容器的高度，或者将子级的高度设置为在容器上并将子级绝对定位为，其中YYY为子级已知高度的一半。）