Question

<a href="yerlioptik.com.tr" target="”_blank”">
  <img src="http://erdemci.ticimax.net/Uploads/EditorUploads/yerli-optik-site-logo-1.jpg">
</a> &nbsp;

<a href="”https://api.whatsapp.com/send?phone=05346317740″" target="”_blank”">
  <img src="/Uploads/EditorUploads/yerli-optik-site-watsap.jpg" style="font-size: 13px;">
</a>

所以我的里面有2张图片。如何避免它们之间的换行？

Answer 1

您可以将它们放在div中并使用white-space:nowrap：

.nowrap {
  white-space:nowrap;
}

<div class="nowrap">
  <a href="yerlioptik.com.tr" target="”_blank”">
    <img src="https://via.placeholder.com/700x150">
  </a> &nbsp;

  <a href="”https://api.whatsapp.com/send?phone=05346317740″" target="”_blank”">
    <img src="https://via.placeholder.com/700x150">
  </a>
</div>

有关white-space

的更多信息

Answer 2

您可以使用display：inline样式来防止换行。试试：

...
willSendRequest<MyContext>({request, context}) {
...

.nowrap {
    display: inline;
    clear: none;
}

如何避免两个<a>之间的换行

2 个答案: