我正在尝试制作一个简单的Chrome扩展程序,使您可以循环播放YouTube视频的一部分。我能够按下按钮,除了一件事之外,我已经完成了其所有逻辑,样式等。 YouTube视频控制面板上的按钮,“播放”按钮等在控制面板水平轴的中间对齐。但是,我的按钮位于它的底部。
而我能够使其与其他按钮具有相同对齐方式的唯一方法是将它的bottom
设置为13px
。当然,这是一个静态值,不适用于不同的屏幕分辨率以及视频全屏显示时。
我只想知道一种使它像其他按钮一样沿水平轴居中的方法。任何帮助将非常感激。谢谢。
最佳答案
您可以使用诸如bottom:5%
的百分比而不是bottom:13px
来将底部的relatively
定位为其parent container
。该按钮将随着分辨率的变化而改变其与底部的距离,但始终保持5%
相对于其container height
的比例。
关于javascript - 如何在CSS中将 child 放在 parent 的水平轴上?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/47945569/