html中垂直居中问题，如何正确理解居中问题

为什么垂直居中的高要和行高一样呢，也就是说为什么line-height=height呢，如果是居中为什么不是一半的距离呢，怎样理解垂直居中这个概念呢？希望各位大神能多帮忙，谢谢大家！

写回答
好问题 0 提建议
追加酬金
关注问题
分享
邀请回答
编辑收藏删除结题
收藏举报

5条回答默认最新

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
乐古 2016-06-08 03:55
关注
垂直居中，就是相对于某个高度居中，打个比方说，一个层高度为1000px，那么相对于1000px垂直居中的高度就是500px，希望对你有帮助

解决无用
评论打赏
分享
举报

评论

按下Enter换行，Ctrl+Enter发表内容

报告相同问题？

关注问题

css前端设计文本垂直居中问题 css html 前端
2022-04-08 14:45

回答 2 已采纳很多办法，最简单是用footer的padding，设置上下一样的padding，他就居中了。行高也可以，但是要多包一层，外层设置为footer高度一样的行高，内存设置为每行固定的一个高度。还有flex
div中a标签垂直居中问题？ html5
2019-04-17 22:12

回答 5 已采纳去掉div标签中font-size:0; 会导致行内元素之间有1个空格（空白折叠现象），可能是因为写代码a标签换行导致的，应该让a标签连在一起写。
css中vertical实现垂直居中问题？ css
2018-10-20 04:29

回答 2 已采纳 vertical-align垂直居中，span的高度只有那么高，所以应给父元素加该属性，并将父元素改为行内元素，span不需要加任何样式。 ``` 无
html设置盒子水平垂直居中,盒子水平垂直居中10种方法
2021-06-16 11:22

盲眼刺客的博客盒子水平垂直居中10种方法HTML代码第一种：通过绝对定位的方式 absolute + 负margin首先知道子元素的宽高，给子元素设置top：50%；left：50%，但绝对定位是基于子元素的左上角，我们所希望的效果是子元素的中心居中...
div中img如何垂直居中？ css html
2022-03-12 02:53

回答 4 已采纳 .div{ display: flex; flex-direction: column; justify-co
css设置垂直水平居中的小问题 css html5
2020-12-21 21:24

回答 7 已采纳 flex布局最大的缺点就是兼容性不好,还是用相对定位比较好 <!DOCTYPE html> <html lang="en"> <head> <me
怎样使p标签水平垂直居中在div 盒子里 css html5 javascript
2022-04-14 20:15

回答 1 已采纳已知父元素高度时，子元素行高等于父元素高度即可；未知父元素高度时，使用固定定位/绝对定位 + transform + translate；或者使用弹性布局 display：flex; .title
CSS实现HTML元素垂直居中的12种方法
2019-08-01 19:47

CoreyJu的博客本篇文章主要给大家介绍一下如何使用html+css实现元素的垂直居中效果，这也是我们网页在编码制作中会经常用到的问题，很多同学可能会说我知道怎么做，但是这里我收集总结了最全面的实现方式，看看哪一种办法更好呢。
python怎么实现PPT中表格内容的垂直居中对齐 python 有问必答
2021-08-18 12:01

回答 1 已采纳 table.cell(rows, cols).vertical_anchor = MSO_ANCHOR.MIDDLE
radio 不能垂直居中，如何修改css 前端小程序
2022-08-03 19:12

回答 4 已采纳调这里的样式uni-list-cell，垂直居中
如何将html盒子中的文字居中 html 有问必答
2022-01-04 13:50

回答 8 已采纳要垂直居中p的 line-height 设置成与 height 一样就可以了 p:nth-child(1){ height: 10rem; line-height: 10rem;
css 如何让盒子垂直居中,css 盒子垂直居中
2021-08-04 05:57

刘兮mkq的博客面试的时候经常会被问到这样一个题目：让一个元素中内容垂直居中怎么做。其实之前，我就会两种，line-height和table-cell，今天做项目，遇到了这个问题，就系统的查了一下，总结一下方法：1、line-heightdiv{height:...
flex布局如何垂直居中对齐 html vue.js 前端
2022-07-18 09:12

回答 2 已采纳 .wrap{ align-items:center; }
angular 居中_垂直居中的N种方法
2021-01-15 06:00

weixin_39922534的博客在说到这个问题的时候，也许有人会问CSS中不是有vertical-align属性来设置垂直居中的吗？即使是某些浏览器不支持我只需做少许的CSSHack技术就可以啊！所以在这里我还要啰嗦两句，CSS中的确是有vertical-align属性，...
高度不定垂直居中_能够让不定宽高元素水平和垂直居中的方法
2021-01-14 10:27

陈犀的博客在开发中经常遇到这个问题，即让某个元素的内容在水平和垂直方向上都居中，内容不仅限于文字，可能是图片或其他元素。而且我们希望不要涉及宽度和高度，也就是说，我们不知道父元素的宽高，也不知道内容元素的宽高。...
没有解决我的问题, 去提问

悬赏问题

¥20 ML307A在使用AT命令连接EMQX平台的MQTT时被拒绝
¥20 腾讯企业邮箱邮件可以恢复么
¥15 有人知道怎么将自己的迁移策略布到edgecloudsim上使用吗？
¥15 错误 LNK2001 无法解析的外部符号
¥50 安装pyaudiokits失败
¥15 计组这些题应该咋做呀
¥60 更换迈创SOL6M4AE卡的时候，驱动要重新装才能使用，怎么解决？
¥15 让node服务器有自动加载文件的功能
¥15 jmeter脚本回放有的是对的有的是错的
¥15 r语言蛋白组学相关问题

html中垂直居中问题，如何正确理解居中问题

5条回答 默认 最新

悬赏问题

5条回答默认最新