如何对齐图像[重复]

Question

这个问题在这里已有答案：

• Div container with image and other divs next to each other [closed] 2回答

有人能告诉我这个语法中我做错了什么吗？我试图让徽标在一行上呈现，而在另一行上堆叠。

我创建了一个jsfiddle，如果这有助于我试图解释：logos

HTML

   <div id="images">
      <div class="AuthorizeNetSeal"><script type="text/javascript" language="javascript">var ANS_customer_id="a502c38f-5a39-422d-aa53-a363d6e0fcbax";</script><script type="text/javascript" language="javascript" src="https://verify.authorize.net/anetseal/seal.js" ></script></div>
      <div><a href="https://www.paypal.com/webapps/mpp/paypal-popup" title="How PayPal Works" onclick="javascript:window.open('https://www.paypal.com/webapps/mpp/paypal-popup','WIPaypal','toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=yes, width=1060, height=700'); return false;"><img src="https://www.paypalobjects.com/digitalassets/c/website/marketing/na/us/logo-center/9_bdg_secured_by_pp_2line.png" border="0" alt="Secured by PayPal" /></a></div>
      <div><a href="//www.shopify.com/pci-compliant?utm_source=secure&amp;utm_medium=shop" title="This online store is secured by Shopify" target="_blank"><img src="//cdn.shopify.com/s/images/badges/shopify-secure-badge-light-shadow.png" alt="Shopify secure badge" width="138" height="60" /></a></div>
   </div>

CSS

images {
    white-space: nowrap;
}

Answer 1

尝试：

div#images div {
  display: inline-block;
}

<div id="images">
      <div class="AuthorizeNetSeal"><script type="text/javascript" language="javascript">var ANS_customer_id="a502c38f-5a39-422d-aa53-a363d6e0fcbax";</script><script type="text/javascript" language="javascript" src="https://verify.authorize.net/anetseal/seal.js" ></script></div>
      <div><a href="https://www.paypal.com/webapps/mpp/paypal-popup" title="How PayPal Works" onclick="javascript:window.open('https://www.paypal.com/webapps/mpp/paypal-popup','WIPaypal','toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=yes, width=1060, height=700'); return false;"><img src="https://www.paypalobjects.com/digitalassets/c/website/marketing/na/us/logo-center/9_bdg_secured_by_pp_2line.png" border="0" alt="Secured by PayPal" /></a></div>
      <div><a href="//www.shopify.com/pci-compliant?utm_source=secure&amp;utm_medium=shop" title="This online store is secured by Shopify" target="_blank"><img src="//cdn.shopify.com/s/images/badges/shopify-secure-badge-light-shadow.png" alt="Shopify secure badge" width="138" height="60" /></a></div>
   </div>