Html <;视频>;在右侧添加3倍空白的标记
我的网站上有几个视频,希望它们能以一定的大小显示出来。一切正常,只是出于一些奇怪的原因,在每个视频标签的左侧添加了3px 我测试了以下内容,将Html <;视频>;在右侧添加3倍空白的标记,html,css,video,Html,Css,Video,我的网站上有几个视频,希望它们能以一定的大小显示出来。一切正常,只是出于一些奇怪的原因,在每个视频标签的左侧添加了3px 我测试了以下内容,将右边距设置为0,仍然可以看到3倍的空白,即使Firebug没有注册 如何解决此问题?谢谢 这是我正在使用的HTML- <video class="video-preview" controls=""> <source type="video/mp4" src="http://localhost/wp-content/uploads
右边距设置为0,仍然可以看到3倍的空白,即使Firebug没有注册
如何解决此问题?谢谢
这是我正在使用的HTML-
<video class="video-preview" controls="">
<source type="video/mp4" src="http://localhost/wp-content/uploads/2014/05/Everyone-Bat-Out-of-Hell.mp4"></source>
Sorry, your browser is old and doesn't support the HTML5 'video' tag. Sucks to be you...
</video>
由于默认情况下,video
元素是inline
,因此标记之间的空白将以空格呈现。很像如果您有ab
它将被呈现为:ab。因此,如果您具备以下条件:
<video>....</video>
<video>....</video>
<video>....</video>
根据您的布局,您可能需要进一步调整此方法。您确定它不是空格字符吗?是的,我确定。首先,它是一个视频,所以没有文本(非HTML5警告是隐藏的),其次,如果它是一个空间,Firebug将显示它。谢谢。呃,不过我想说的是:这把小提琴中没有“文本”,但是两个
标记之间的换行符会产生一个空格。我没有firebug,但Firefox的内置检查器也不显示空间。-编辑:不带换行符的版本确保宽度和高度与视频的实际尺寸匹配。否则,将显示白色背景。或者只是去掉白色背景。@ralph.m-谢谢,它们都匹配。
<video>....</video>
<video>....</video>
<video>....</video>
<video>....</video><video>
....</video><video>
....</video>
video
{
display:block;
float:left;
}