在下面的测试页面中,有一个视频和一个 iframe 元素,都具有margin-left: auto; margin-right: auto;
CSS 样式。
视频元素向右移动了一个float: left;
包含几行文本的元素,因此它与下部 iframe 未对齐。
我希望 iframe 与视频居中对齐,将视频保持在当前位置。
<div style="float: left; border-right: thin solid;">
A few colored entries here.
</div>
<div style="margin-left: auto; margin-right: auto;">
<video src="..."
style="display: block; margin-left: auto; margin-right: auto;">
</video>
</div>
<iframe src="..." style="width: 300px; height: 100px;
display:block; margin-left: auto; margin-right: auto;">
</iframe>