css - 如何将图像与文本并排放置？

Question

我正在使用引导程序 4。

我的问题很简单：如何使用 bootstrap 将图像与文本并排放置？

这是我的代码：

    <div class="card-content">
       <div class="portfolio-desc">
           <h3><a href="<?php echo $galleryLink; ?>"><?php echo $galleryTitle; ?></a></h3>
           <img id="authorImg" style="border-radius: 50%; height: 36px;" src="<?php echo $author_photo; ?>" />
           <span id=authorSpan"><?php echo $galleryAuthor; ?></span>
           <span>Gallery: <?php echo $galleryName; ?></span>
       </div>
    </div>

如何将“authorImg”与 authorSpan 并排放置？

现在，每个 img、span 等都在新行上。

谢谢

标签： cssbootstrap-4

Answer 1

图片默认不会导致换行，所以一定是一些额外的css或者其他格式。尝试删除一些类，看看是否能解决问题。如果您找到导致换行的类，则添加whitespace: nowrap;到该类；我自己试过这个，图像与文本在同一行，所以它可能是你写的一些额外的 css。旁注：您的 id 没有第一个引号。