Css 中心/中间对齐大于容器的图元

编辑：尝试改写问题，以便正确理解问题

我有一个div元素，其中有一个video元素。div元素可以调整大小。视频元素也需要调整大小，但它还需要保持其原始纵横比

.container{
背景:#ff9；
高度：150像素；
宽度：100px；
}
.分包商{
背景：#9ff；
最小宽度：100%；
最小高度：100%；
保证金：5px；
}
.固定尺寸{
背景：#9f9；
}

---

max width

和

max height

都设置为

100%

将强制元素保持比其父元素小。对齐与通常将块元素居中所做的相同

.container{
背景:#ff9；
高度：150像素；
宽度：100px；
//溢出：隐藏；
}
.分包商{
背景：#9ff；
最小宽度：100%；
最小高度：100%；
保证金：5px；
//溢出：隐藏；
位置：相对位置；
}
.固定尺寸{
位置：绝对位置；
最高：50%；
左：50%；
转换：翻译（-50%，-50%）；
最大宽度：100%；
最大高度：100%；
背景：#9f9；
}

---

max width

和

max height

都设置为

100%

将强制元素保持比其父元素小。对齐与通常将块元素居中所做的相同

.container{
背景:#ff9；
高度：150像素；
宽度：100px；
//溢出：隐藏；
}
.分包商{
背景：#9ff；
最小宽度：100%；
最小高度：100%；
保证金：5px；
//溢出：隐藏；
位置：相对位置；
}
.固定尺寸{
位置：绝对位置；
最高：50%；
左：50%；
转换：翻译（-50%，-50%）；
最大宽度：100%；
最大高度：100%；
背景：#9f9；
}

注意，在纯CSS中使用双斜杠注释

/

可能会完全违反规则，因此使用

/**/

答案在重复的问题中。注意，在纯CSS中使用双斜杠注释可能会完全违反规则，因此使用双斜杠注释回答重复的问题。注意，在纯CSS中使用双斜杠注释可能会完全违反规则，因此请使用

/**/

，因此在您的解决方案中，我希望将高度拉伸，并将视频元素居中，使其左右两侧都有溢出（无论溢出是否隐藏），在纯CSS中使用双斜杠注释

/

可能会完全违反规则，因此请使用

/***/

，因此在您的解决方案中，我希望将高度拉伸，并将视频元素居中，以便在其左右两侧都有溢出（无论是否隐藏溢出）