用邊距居中視頻元素：0 auto;

我似乎不能中心在這一頁我一直在瞎搞這個視頻元素：用邊距居中視頻元素：0 auto;

HTML

<div id="container"> 
    <video id="vid" x-webkit-airplay="allow" controls width="640" height="360" src="http://ec2-184-72-239-149.compute-1.amazonaws.com:1935/demos/smil:bigbuckbunnyiphone.smil/playlist.m3u8"></video> 
</div>

CSS

#vid { 
    margin: 0 auto; 
}

您可以在線查看代碼here at jsfiddle.爲什麼不是我的<video>元素本身？

來源

2011-11-17 Naftuli Kay

添加display: block您#vid

來源

2011-11-17 21:38:13

刷新我的'display'選項的知識：http://jsfiddle.net/rfkrocktk/SCvwV/ –

<div id="container"> 
    <div class="vid"> <video id="vid" x-webkit-airplay="allow" controls width="640" height="360" 
     src="http://ec2-184-72-239-149.compute-1.amazonaws.com:1935/demos/smil:bigbuckbunnyiphone.smil/playlist.m3u8"></video></div> 
</div>

CSS：

.vid { 
    margin: 0 auto; 
    width:640px; 
}

來源

2011-11-17 21:39:34

沒有必要添加額外的元素。 – animuson

恩，是的。它只是讓它阻塞。 –

更改爲：

#vid { 
    margin: 0 auto; 
    display: block; 
}

它可能在HTML5規範的心不是成品作爲即時通訊肯定<video>會塊或內聯塊

來源

2011-11-17 21:39:49 472084

用邊距居中視頻元素：0 auto;

回答

相關問題