Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Php 不在线显示_Php_Html_Css_Block_Inline - Fatal编程技术网

Php 不在线显示

Php 不在线显示,php,html,css,block,inline,Php,Html,Css,Block,Inline,我正在显示一个数据库中的电影列表——它们应该是内联显示的,但它们是垂直显示的。我已经尝试过为li使用内联块和内联块,但没有任何效果。感谢您的帮助。谢谢 .movienav { height: 500px; width:75%; float:left; margin-top:25px; clear:left; padding-bottom: 45px; } .movienav li { width: 340px; height:

我正在显示一个数据库中的电影列表——它们应该是内联显示的,但它们是垂直显示的。我已经尝试过为li使用内联块和内联块,但没有任何效果。感谢您的帮助。谢谢

.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>
.movienav{
高度:500px;
宽度:75%;
浮动:左;
边缘顶部:25px;
清除:左;
填充底部:45px;
}
李国荣先生{
宽度:340px;
高度:450px;
浮动:左;
右边距:10px;
位置:相对位置;
显示:内联;
列表样式:无;
}
李国能先生{
背面可见性:隐藏;
宽度:340px;
高度:450px;
溢出:隐藏;
背景:#161616;
位置:绝对位置;
排名:0;
左:0;
显示:内联;
}
莫维耶纳夫·李分区背部{
背面可见性:隐藏;
左:-999em;
垫底:15px;
背景色:#161616;/*最大高度:450px;溢出:自动*/
边际上限:0;
显示:内联;
}
  • “width=“340”height=“450”class=“DVD封面”/>

  • 中的
    是块元素。您应该在这些
    上放置
    显示:inline

    另外,
    $description
    变量中属于块级元素的任何HTML都将导致相同的行为

    编辑:您的站点上存在更大的问题,这些问题正是导致此问题的原因

    您正在一次又一次地重复您的
    代码,每个代码中都有一个
    和一个
  • 项。首先,您不能有多个容器上有相同的唯一ID。其次,这些
    是块元素,因此它们不显示内联

    您需要设置您的结构,使其看起来更像:

    <div id="movienav">
      <ul>
         <li></li>
         <li></li>
         <li></li>
         <li></li>
      </ul>
    </div>
    
    
    

    不是您的方式,那么您的样式应该可以正常工作。

    如果您想在一行中显示它们,可以使用
    float
    属性

    li { 
        float: left;
        margin-right: 10px;
    }
    

    这将在一行中显示它们,但不会显示为内联元素(它们仍然是块元素).

    请发布生成的HTML,而不是PHP.标志以进行复制,我将display inline添加到li div和li div.back中,并且没有luckI更改#movienav p to display:inline以及仍然没有luckMichael-我更改为一个类,但我无法实现您建议的li结构,因为电影来自数据库。不确定如何实现编码它-如果我重复代码,在ul中添加另一个li,相同的电影会重复。我将打开一个新的讨论-谢谢我已经有了float:left;在li上