-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>
修复它是如何从你的最后一个问题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