防止图像进入下一行答案

【问题标题】：Prevent image from going to next line防止图像进入下一行
【发布时间】：2017-12-28 18:52:09
【问题描述】：

我有一个工作代码，可以从 MYSQL 表中提取图像 blob 并将它们显示在我的网页上。它在大多数情况下都有效，但我遇到的问题是如何不让它移动到下一行，如下图所示。有没有办法做到这一点？

<?php
    $id ='1';
    $db = mysqli_connect("localhost","brianrob_usr","","brianrob_productdb"); //keep your db name
    $sql = "SELECT * FROM Products WHERE id = $id";
    $sth = $db->query($sql);
    while($row = $sth->fetch_array()){
    echo '<div><img src="data:image/jpeg;base64,'.base64_encode( $row['Image'] ).'"/></div>';
    }
    ?>

@charset "utf-8";
/* CSS Document */
body{
    width: inherit;
    height:inherit;
    background-image: url("007-dark-loom.png");
}

【问题讨论】：

这将取决于生成的 HTML 以及您的容器与图像宽度相比的宽度。从你的 PHP 代码中是不可能的（你可能不应该包含密码..）
SQL 真的与此无关。导致它的将是您的 HTML 和 CSS。请张贴并显示您在布局中插入此图像代码的位置。
加个
标签怎么样？
@PatrickSimard OP 想让它不移动到下一行。正如您从屏幕截图中看到的那样，它已经在下一行，所以很难看出<br> 将如何帮助防止这种情况发生？？
div 使其进入下一行，因为它们是块级元素（块级元素总是创建一个新行，除非您通过 CSS 更改它们的属性（例如将它们设置为 display:inline） )。您可以在此处看到此示例的不同之处：jsfiddle.net/2of9u9or/1。所以你最简单的解决方案就是删除 div

标签： php html css mysql

【解决方案1】：

正如 ADyson 所说，删除标签有助于解决此问题。

<?php
    $id ='1';
    $db = mysqli_connect("localhost","brianrob_usr","Ilikecandy2009","brianrob_productdb"); //keep your db name
    $sql = "SELECT * FROM Products WHERE id = $id";
    $sth = $db->query($sql);
    while($row = $sth->fetch_array()){
    echo '<img src="data:image/jpeg;base64,'.base64_encode( $row['Image'] ).'"/>';
    }
    ?>

【讨论】：