0

我正在编辑一个包含并排显示两个图像的图像滑块的网站，但是当我在 chrome 中查看该网站时，图像并不像这样彼此内联：http: //i754.photobucket.com/专辑/xx182/rache_R/Untitled-1_zps6f3014ef.jpg

我使用 php 和 html 从数据库中获取数据并根据收集的数据显示图像。我试图在我的 css 中单独定位图像，但它要么不起作用，要么影响两个图像。

有没有单独定位图像的正确方法，或者我该如何解决这个问题？

php代码：

<?
                $result = $mysqli->query("SELECT * FROM stock");
                while($obj = $result->fetch_object())
                {
                    if($obj->id&1)
                        echo "<u1>"; ?>


                    <li class="<?=$obj->orientation=='landscape'?'landscape':'portrait'?>">
                        <a href="#"><img src="./img/<?=$obj->description=='unframed'?$obj->poster_no:$obj->poster_no.'_frame'?>.jpg" alt=""></a>
                        <h4><?= $obj->description=="unframed"?"Unframed Poster - 750mm x 500mm":"Framed Poster - 790mm x 540mm"?><br />&pound;<?=$obj->price?> each</h4></li>

所以我设法解决了它：

@media screen and (-webkit-min-device-pixel-ratio:0){
   #mi-slider li {
    vertical-align: top;
    }}
4

2 回答 2

0

放置< ul>的宽度，使其可以并排放置两个图像，并为 ul 提供style='display:inline'。您将获得内联图像

于 2013-08-22T13:30:51.287 回答
0

这更像是一个CSS问题。您有一个选项，使用内联列表或浮点数。

我个人是行内联列表，您也可以使用表格，但这被认为是不好的做法。您也可以使用 java 脚本来计算位置，如果使用不当，这也是不好的做法。

如果您不知道如何在 css 中实现这些属性，W3schools.com 应该是一个很好的参考。

下次请用静态信息替换你的 php，这样看起来更好:) 干杯

于 2013-08-23T01:33:19.930 回答