在较小的屏幕上图像未垂直对齐

如何解决在较小的屏幕上图像未垂直对齐

我在较小的屏幕上遇到一个CSS问题。我将非常感谢您的帮助。

问题：

https://developer.apple.com/documentation/http_live_streaming/hls_authoring_specification_for_apple_devices

每个缩略图应始终位于一列中，

https://i.stack.imgur.com/kVLpe.png

URL（仅在台式机上-在移动设备上加载了其他滑块）：

https://i.stack.imgur.com/b3r2B.png

在此先感谢您的帮助。

解决方法

如果您在CSS中遇到问题，则可以使用flex-box，如下所示：

.flex{
  display: flex;
  flex-direction: column;
}

将此类或样式添加到您的父元素。