php - 仅在 chrome 的图像 slider 中对齐图像

Question

我正在编辑一个包含并排显示两个图像的图像 slider 的网站，但是当我在 chrome 中查看该网站时，图像并不像这样相互内联:http://i754.photobucket.com/albums/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;
    }}

Answer 1

将

的宽度设置得足够大，可以并排放置两个图像，并为 ul..您将获得内联图像