百分比计算值是以图片的中心还是定点作为定位基准的呢？

这里说center相当于两个方向各50%，可是如果是像像素具体值一样以左上角为定位点的话，那两个方向各50%就不是居中的呀
还想问一下em作为单位是以什么尺寸计算的？一个em是什么

weixin_慕斯卡3305140 2020-02-25

源自：CSS背景和列表 2-11 background-position

40

收起

3回答

是鹿呦呦呀 2020-03-08 22:05:18

em可以理解为倍数。1.5em就是1.5倍，2em就是2倍.

好帮手慕码 2020-02-25 17:41:00

同学你好，em是一个相对长度单位，基准值是当前元素的字号大小。在CSS中，1em表示当前元素的字号大小，实际值取决于在哪个元素上应用。举个例子：

按f12查看控制台：

如果我的回答帮到了你，欢迎采纳，祝学习愉快~

好帮手慕码 2020-02-25 14:32:39

同学你好，解答如下：

（1）如果设置“background-position:center center; ”图片会自动布局到容器的中心部分，如下：

即图片水平、垂直方向的50%和容器的水平、垂直方向的50%是重叠的。

（2）em是一个相对的度量单位，对于浏览器来说，1em=16px，16px为浏览器的默认字体大小。

如果我的回答帮到了你，欢迎采纳，祝学习愉快~

提问者 weixin_慕斯卡3305140 #1

那如果我盒子的字体不是16px呢？

2020-02-25 16:55:39
浅__笑回复提问者 weixin_慕斯卡3305140 #2

同学，em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。比如那你设置的字体大小是12px，那么1em=12px；如果设置的是字体大小是16px，那么1em=16px

2020-03-03 19:28:10

相似问题

百分比表示位置是指，图片的中心，处在当前页面的百分比位置上吗？

关于偏移量的百分比

老师，怎么计算commodities-item占外容器的百分比啊？

在百分比的设置上存疑

项目作业中以整体设计稿上的宽度为准还是以某个图片的实际宽度为准？

登录后可查看更多问答，登录/注册

1.前端零基础入门

参与学习人
提交作业 8403 份
解答问题 40143 个

本阶段为你揭开日常所见网页的神秘面纱，炫酷的动效并不难得，带你从基础知识到静态网页布局，再到用JS实现动态网页开发，轻松迈入前端开发的大门。

本课精华内容

问答作业

关于浏览器兼容性代码疑问

16 1

请老师检查

65 3

没有明白，为什么height是90，padding-top为60。它就居中了？

26 3

关于三种常用的清除浮动方法的优劣对比，请老师简单讲一讲

18 1

进击的小白们加油。分享一下我做最后这个项目作业的感受

188 1

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载