PHP：li不顯示內聯，儘管顯示：內聯

-3

我正在顯示數據庫中的電影列表 - 他們應該顯示爲內聯，但他們是垂直顯示。這是一個test page。PHP：li不顯示內聯，儘管顯示：內聯

我已經加入顯示：內聯李和內部的div，但仍然沒有luck-

.movienav { 
    height: 500px; 
    width:75%; 
    float:left; 
    margin-top:25px; 
    clear:left; 
    padding-bottom: 45px; 
} 

.movienav li { 
    width: 340px; 
    height: 450px; 
    float: left; 
    margin-right: 10px; 
    position: relative; 
    display:inline; 
    list-style:none; 

} 

.movienav li div { 
    backface-visibility:hidden; 
    width: 340px; 
    height: 450px; 
    overflow: hidden; 
    background: #161616; 
    position: absolute; 
    top: 0; 
    left: 0; 
    display:inline; 

} 

.movienav li div.back { 
    backface-visibility:hidden; 
    left: -999em; 
    padding-bottom: 15px; 
    background-color:#161616; /*max-height:450px; overflow:auto;*/ 
    margin-top: 0; 
    display:inline; 

} 

<div class="movienav"> 
<ul> 
<li><div class="front"><img src="<?php echo $imglink; ?>" width="340" height="450" class="dvdcover" /></div> 
<div class="back"> 


<p><?php echo $description; ?></p> 
</div> 
</li> 
</ul> 
</div>

來源

2013-02-13 user1913714

修復它是如何從你的最後一個問題http://stackoverflow.com/questions/14857700/li-not-displaying-inline這有什麼不同？ – j08691 2013-02-13 16:40:54

標誌進行復制 http://stackoverflow.com/questions/14858399/php-li-not-displaying-inline-despite-displayinline 和 http://stackoverflow.com/questions/14857700/li-未顯示內聯 – 2013-02-13 16:44:22

你必須每個L1包裹它自身的UL和DIV。我只是猜測，但你可以用

.movienav {float: none;}

來源

2013-02-13 16:44:04 isherwood

PHP：li不顯示內聯，儘管顯示：內聯

回答

相關問題