2013-04-29 38 views
-4

我不知道該如何使用此處顯示我的內容。我正在嘗試將youtube嵌入視頻之外的文字。我可以使用表格來做到這一點嗎?如果可以,我可以將文字大小調整爲完全符合<td>標記?另外,我應該使用百分比還是固定值?我應該使用什麼來顯示文本/ youtubeclips

由於我對html不熟悉,我不知道還有什麼要告訴你,但我會盡快回答你需要問的所有問題。

http://jsfiddle.net/jnTda

回答

0

我不會使用表格,如果我能幫助它,它會讓你的HTML內容更加混亂,不夠全面。也許你的意思是CSS表,但是這個選項在語義上不太正確。我不知道你的理想是什麼,但嘗試這樣的事:

jsfiddle

.video { 
    height: 200px; 
    width: 300px; 
    background-color: black; 
    color: white; 
    float: left; 
} 
.descvid {height: 200px;} 
article { 
    width: 500px; 
} 

這意味着高度將需要如圖所示,以確保上市的視頻介紹下面的任何內容都不會包含在視頻旁邊的空間中。

如果您想將它們與共享背景顏色(通常是黑色)一起分組,您可以將視頻標籤(我使用<div>標籤作爲它的佔位符)和旁邊的元素一個更大的div。這意味着你要爲視頻本身指定尺寸。然後,你就不需要在你的CSS一邊引用,你可以放棄分配給它的類:

jsfiddle2

.video_section { 
    display: inline-block; 
} 
.video { 
    height: 200px; 
    width: 300px; 
    background-color: black; 
    color: white; 
    float: left; 
} 

至於調整文本自動以適應未來的視頻塊,它可能是可能的,但我會建議儘量保持文本字節的大小一致。字體大小因頁面而異,可能會導致用戶在打印時出現問題。

相關問題