2016-04-29 47 views
1

我知道這是一件簡單的事情,但無處可尋找解決方案。在下面的代碼標記<li>位於<inframe>的底部如何做到位於中間或頂部<inframe>當裏面的標記位置在li

<!DOCTYPE html> 
<html> 
    <body> 

    <ul style=" list-style-position: inside;"> 
     <li> <iframe src="http://www.w3schools.com"> </iframe> </li> 
     <li> <iframe src="http://www.w3schools.com"> </iframe> </li> 
     <li> <iframe src="http://www.w3schools.com"> </iframe> </li> 
    </ul> 
    </body> 
    </html> 

非常感謝您的幫助。

回答

3

將CSS屬性vertical-align:middle;賦予iframe。這會讓子彈進入列表中間。

iframe{ 
 
    vertical-align:middle; 
 
}
<!DOCTYPE html> 
 
<html> 
 
    <body> 
 

 
    <ul style=" list-style-position: inside;"> 
 
     <li> <iframe src="http://www.w3schools.com"> </iframe> </li> 
 
     <li> <iframe src="http://www.w3schools.com"> </iframe> </li> 
 
     <li> <iframe src="http://www.w3schools.com"> </iframe> </li> 
 
    </ul> 
 
    </body> 
 
    </html>

+0

作品!非常感謝您的幫助!!! – user3471671

+0

如果你願意,你也可以接受... – Wowsk