css - videojs的IE8视频对齐问题

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. 在所有.leftdiv 上替换.clearL为.clearB.

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