html – CSS – 行高属性,它是如何工作的(简单)

所以在 this simple example我得到了最终结果:

这是一个非常简单的问题,但我根本无法理解它.

为了实现我使用的数字的垂直居中:

line-height:100px;

哪个效果很好,一直在做试验和错误的基础.

我的问题是具体为什么行高:50px;只是一半的方式得到.

如果小div具有100px的高度并且我相对于它的定位,则它的一半不应该将其居中于一半.

when I center a div开始,这让我特别困惑:

我会用:margin:50px 0 0 50px;得到这个:

我意识到这个问题可能是一个矫枉过正,因为答案可能会(可能会很简单),很抱歉!但我想这更好的是“为什么不这个工作”的问题;)

提前致谢!!

解决方法

简单的答案是,对于行高,字符将位于行的垂直中间,因此高度为100px的行的文本位于中间,因此为50px.

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


Mip是什么意思以及作用有哪些
怎么测试Mip页面运行情况
MIP安装的具体步骤有哪些
HTML添加超链接、锚点的方法及作用详解(附视频)
MIP的规则有哪些
Mip轮播图组件中的重要属性讲解
Mip的内联框架组件是什么
怎么创建初始的MIP配置及模板文件
HTML实现多选框及无法提交多数据的原因分析(附视频)
HTML如何设置复选框、单选框以及默认选项?(图文+视频)
怎么使用MIP组件
Div垂直居中效果怎么实现
HTML如何实现视频在线播放
如何使用Mip代码校验工具
Mip中弹出层组件是什么
如何用HTML实现简单按钮样式
Mip中快速回顶组件怎么用
Div内容居中效果如何实现
Div水平居中效果怎么实现
Mip中列表组件怎么用