Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/41.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html <;视频>;在右侧添加3倍空白的标记_Html_Css_Video - Fatal编程技术网

Html <;视频>;在右侧添加3倍空白的标记

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

我的网站上有几个视频,希望它们能以一定的大小显示出来。一切正常,只是出于一些奇怪的原因,在每个视频标签的左侧添加了3px

我测试了以下内容,将
右边距
设置为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;
 }