css - IE8 视频对齐问题与 videojs

Question

我正在使用 videojs 将一堆视频放在一个页面上，但我无法弄清楚是什么原因导致第一个和第三个视频之间没有任何边距，就像其他视频一样

http://appliedcodingtech.com/site/paper_handling_systems_automation_videos

Answer 1

选项 1

1. 给所有视频一个 .left; 类，而不是在 .left 和 .right 之间交替。
2. 在第一个视频中，将 .marginB 替换为 .clearL。

3. 将 css 规则添加到您的主样式表中:

   .video-js-box.left.clearL{
       margin: 0 10px 0 0;
   }
   

选项 2

好的，您需要做的是保留备用命名方案，即 .left 和 .right。在所有 .left div 上，将 .clearL 替换为 .clearB。

这应该可以解决您的问题，然后您无需担心添加额外的 css 规则等。