在視頻旁邊放置一張桌子

-3

所以我想將我的桌子放在我的視頻旁邊。所以直接在右邊，而不是在右下方。在視頻旁邊放置一張桌子

wouldnt let me post without this

您可以在視頻下方的表格，我希望它右邊相鄰的視頻代碼中看到。

來源

2017-04-15 jomot

「* [would not] let me post without this *」 - 是的，因爲您的問題應該是獨立的，並且包含相關的「* [mcve] *」代碼，以便我們可以在此處看到您的問題不管JS小提琴是否工作。 –

將兩個'divs'嵌套在一個更大的'div'中，改變它們的長度屬性並嘗試向右「漂移」。 – mondieki

@mondieki我嘗試了你的建議，並做出了這一點。 https://jsfiddle.net/h80e3LL3/仍然不是什麼後即時通訊。我也不熟悉長度屬性。 – jomot

這更接近你想要實現的目標嗎？ https://jsfiddle.net/ybaq2dwf/ 我所做的是將視頻添加到表格中，並將該單元格的邊框顏色更改爲白色。由於背景不是真的白色，我還將背景顏色設置爲#FFFFFF。

來源

2017-04-15 17:28:24

太棒了，謝謝！我有一個混亂，但這是非常有益的，再次感謝！ – jomot

這似乎是一個duplicate of your previous question我爲此提供瞭解決方案，我相信滿足您的要求。如果您沒有立即收到答案，則不應再次提出同樣的問題。

https://jsfiddle.net/fmmnsw04/1/

下面是展示該解決方案的一部分：

.datawrapper { 
    display: table; 
    width: 100%; 
    border-top: 2px solid black; 
    border-bottom: 2px solid black; 
    margin: 10px 0; 
} 

.videodata, 
.tabledata { 
    float: left; 
    vertical-align: bottom; 
} 
.videodata { 
    width: 40%; 
} 
.videodata video { 
    vertical-align: bottom; 
} 
.tabledata { 
    width: 60%; 
    overflow-x: auto; 
} 
    <div class="datawrapper"> 
    <div class="videodata"> 
     <video width="100%" controls="controls"> 
     <source src="https://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4"> 
     <source src="https://www.w3schools.com/html/mov_bbb.ogg" type="video/ogg"> Your 

browser does not support HTML5 video. 
     </video> 
    </div> 
    <div class="tabledata"> 
     <table> 
     </table> 
    </div> 
    </div>

該解決方案包裝自己div內的視頻和表，將它們漂浮到左邊。它還根據瀏覽器的寬度調整表格和視頻的大小，並用黑色邊框替換原始問題中的水平線。

來源

2017-04-18 13:29:30 ESS

在視頻旁邊放置一張桌子

回答

相關問題