Javascript 如何在CSS中将子对象居中于父对象水平轴上？

我正在尝试做一个简单的Chrome扩展，允许你循环YouTube视频的一部分。我可以按下按钮，我已经完成了所有的逻辑，造型等等，除了一件事。YouTube视频控制面板上的按钮“播放”按钮等在控制面板水平轴的中间对齐。但是，我的按钮位于底部

我唯一能让它与其他按钮对齐的方法是将它的

bottom

设置为

13px

。当然，这是一个静态值，在不同的屏幕分辨率和视频全屏时不起作用

---

我只想知道一种方法，使它像其他按钮一样，沿水平轴居中。任何帮助都将不胜感激。谢谢。

您可以使用

bottom:5%

等百分比代替

bottom:13px

来定位底部

与其
父容器相对的位置。该按钮将随着分辨率的改变而改变它与底部的距离，但将始终保持与容器高度相同的比率，即
5%
。
你能检查视口值吗？我想你可能是说它们垂直居中……我想你是这个意思吧<代码>
U可以使用百分比，如
bottom:5%
而不是
bottom:13px
。请将有问题的代码或链接粘贴到您的站点，这样会更容易帮助您。@Ivan86谢谢，这帮助我解决了问题。我将
bottom
设置为
25%
并将
位置设置为
绝对值
。我注意到当我全屏显示时，按钮文本仍然太小，所以我将
字体大小设置为
100%
。再次感谢！必须稍微调整一下。将其从
位置：绝对
更改为
位置：相对
，并将
底部：25%
更改为
底部：45%
。再次感谢你的帮助。没问题，很高兴我能帮忙。和平