求教一个问题：css如下图： 我想背景图是垂直居中，但出来的效果是致顶，如下图： 怎样才能使期垂直居中？ 我明明设了背景的上一级容器为： display: flex; align-items:center; .login-con 这个div就可以做到垂直居中，就是&-bg这个背景div没法垂直居中

关于 未知高度垂直居中 的解决方案有很多，最通用性的方案是考虑使用一个空标签来实现垂直居中，由于代码复用率高，通常将其封装一个公用的utils，以fn打头：

不好意思，开始误解了你的意思，我试了下： 可以填上以下css试试， display:table-cell;vertical-align:middle; 你的line-height可以不要，建议你把height增高才能看出效果来，比如60px。 但是这种垂直居中不是表象上的垂直居中，因为冒号本身就在文本行的低位. 以下是我第一次回复的内容（理解错误）： 垂直居中是我们...

这里主要参考的是CHRIS COYIER写的一篇的文章(点击查看)，主要讲了关于css水平、垂直居中的一些方法,每个方法后面都有一个demo，可以在线查看效果。

标题的垂直居中是无效的，而且其他的单元格中的文字属性中好像并没有垂直居中这个属性，为什么是无效的，表格不是兼容垂直居中吗？

做前端这一年多来，其实一直都是偏向于js前后端，css什么的总是抱着够用就好的心态，从来没有系统的学习或总结过，结果现在的水平也一直停留在够用的阶段。感觉作为一名合格的前端工程师，不能让css成为自己的短板，于是简单的总结一下，高手绕路。

用line-height只能达到文本内容的垂直居中，p元素里面的内容继承了div的line-height，所以出去了改成下面的p就能相对于div居中了div{

给wrapper设置了flex布局和align-items:center，照理说应该是居中对齐的，但是img始终偏下一点点，而两侧的文本对齐了。

一行文字时垂直居中，两行时也垂直居中？css该怎默写？

我们在编辑一个版面，通常都会用到水平居中和垂直居中来设计，而水平居中很好处理，不外乎就是设定margin:0 auto；或是text-align:center；，就可以轻松解决掉水平居中的问题，但一直以来最麻烦对齐问题，都是“垂直居中”这个讨人厌的设定，以下将介绍七种单纯利用CSS垂直居中的方式。

居中一个元素？你会想到啥？这里面的知识还真不少。包括水平居中，垂直居中，还有水平垂直居中。如果要再要细分，还要分浮动元素、绝对定位的居中。为了代码简介，没有加背景和其他样式，需要看效果的，可以加上背景。

这个问题的核心其实是垂直居中，水平居中是个很简单的问题。 不怎么优雅但是基本不会出现问题的方法： {代码...} 如果不考虑兼容性的话，用flex会优雅点，如果一点都不考虑兼容性的话，就直接上grid。flex单行： {代码...} flex多行： {代码...} 如果能面向未来的话，还有未来的垂直属性：CSS Box Alignment Module Level 3

使用上面创建的text组件，abc文字没有在垂直方向上居中，把 .lineHeight(50) 注释掉之后可以垂直居中，需要在有.lineHeight(50)时也能垂直居中，并能通过align()来设置垂直方向的对齐方式

怎么才能让table的内容不垂直居中，在html可以设置valign="top"，那在element怎么设置 表格被撑开就垂直居中了，工作时间和8点那个是对齐的 给td了个vertical-align:text-bottom; 怎么让工作安排垂直居中

CSS中居中的几种方式 {代码...} {代码...} 2.水平垂直居中需要水平垂直居中的元素减去margin的宽高一半，这个方法同样适用于float的元素 {代码...} margin-auto水平垂直居中 {代码...} 水平垂直居中（三）绝对定位和transfrom很厉害的方式 {代码...} 水平垂直居中（四）利用C3的新特性flex，在移动端使用完美，pc端有兼...

利用CSS进行元素的水平居中，比较简单，手到擒来：行级元素设置其父元素的text-align center，块级元素设置其本身的left 和 right margins为auto即可。而撸起垂直居中，相信于大多初撸者来说，与我相似，内心是抗拒的。于此，以我司同事一内部分享为基，加以搜集完善，得8种CSS垂直居中书写之法；个中有示例Demo，以及代...

6.2 为什么明明在数字1和2之间敲两个空格 但是网页显示出来它们之间 只有一个空格 ？ 那是因为你没有添加 &nbsp (no break space)