试图并排放置这两列
stuck trying to get these two columns side by side
请原谅我的简单问题,但我对编码还很陌生,而且我在并排制作我的专栏时遇到了麻烦,我能够 link 按我想要的方式处理图像和外部网站,但现在不知道如何让这两个并排。希望很快我就会花时间并最终学会 HTML 但现在,我只是从臀部射击!
<div align="center">
<div style="width: 25%;">
<div class="section group">
<div class="col-sm- span_1_of_2">
<div class="container">
<a href="www.externallink.com" target="_blank" rel="noopener"><img src="https://lirp-cdn.multiscreensite.com/71976d90/dms3rep/multi/opt/content-reviews-thumbsup-1920w.jpg" alt="Thumbs Up Reviews CTA" style="border: none;"/></a>
</div>
</div>
<div class="col-sm- span_1_of_2">
<div class="container2">
<a href="www.externallink.com" target="_blank" rel="noopener"><img src="https://lirp-cdn.multiscreensite.com/71976d90/dms3rep/multi/opt/content-reviews-thumbsdown-1920w.jpg" alt="Thumbs Up Reviews CTA" style="border: none;"/></a>
</div>
</div>
</div> <!-- end width 25% div -->
</div> <!-- end master centering div -->
<br /><br />
</div>
您提供的代码相当混乱。如果我理解你的问题,你正试图将两个图像并排放置。由于您使用的是bootstrap,我建议:
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
<div class="container">
<div class="row">
<div class="col-sm-6">
<a href="www.externallink.com" target="_blank" rel="noopener"><img src="https://lirp-cdn.multiscreensite.com/71976d90/dms3rep/multi/opt/content-reviews-thumbsup-1920w.jpg" alt="Thumbs Up Reviews CTA" style="border: none;" /></a>
</div>
<div class="col-sm-6">
<a href="www.externallink.com" target="_blank" rel="noopener"><img src="https://lirp-cdn.multiscreensite.com/71976d90/dms3rep/multi/opt/content-reviews-thumbsdown-1920w.jpg" alt="Thumbs Up Reviews CTA" style="border: none;" /></a>
</div>
</div>
</div>
这就是我在你的情况下会做的。虽然我不明白你提供的代码,但这应该可以。
请原谅我的简单问题,但我对编码还很陌生,而且我在并排制作我的专栏时遇到了麻烦,我能够 link 按我想要的方式处理图像和外部网站,但现在不知道如何让这两个并排。希望很快我就会花时间并最终学会 HTML 但现在,我只是从臀部射击!
<div align="center">
<div style="width: 25%;">
<div class="section group">
<div class="col-sm- span_1_of_2">
<div class="container">
<a href="www.externallink.com" target="_blank" rel="noopener"><img src="https://lirp-cdn.multiscreensite.com/71976d90/dms3rep/multi/opt/content-reviews-thumbsup-1920w.jpg" alt="Thumbs Up Reviews CTA" style="border: none;"/></a>
</div>
</div>
<div class="col-sm- span_1_of_2">
<div class="container2">
<a href="www.externallink.com" target="_blank" rel="noopener"><img src="https://lirp-cdn.multiscreensite.com/71976d90/dms3rep/multi/opt/content-reviews-thumbsdown-1920w.jpg" alt="Thumbs Up Reviews CTA" style="border: none;"/></a>
</div>
</div>
</div> <!-- end width 25% div -->
</div> <!-- end master centering div -->
<br /><br />
</div>
您提供的代码相当混乱。如果我理解你的问题,你正试图将两个图像并排放置。由于您使用的是bootstrap,我建议:
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
<div class="container">
<div class="row">
<div class="col-sm-6">
<a href="www.externallink.com" target="_blank" rel="noopener"><img src="https://lirp-cdn.multiscreensite.com/71976d90/dms3rep/multi/opt/content-reviews-thumbsup-1920w.jpg" alt="Thumbs Up Reviews CTA" style="border: none;" /></a>
</div>
<div class="col-sm-6">
<a href="www.externallink.com" target="_blank" rel="noopener"><img src="https://lirp-cdn.multiscreensite.com/71976d90/dms3rep/multi/opt/content-reviews-thumbsdown-1920w.jpg" alt="Thumbs Up Reviews CTA" style="border: none;" /></a>
</div>
</div>
</div>
这就是我在你的情况下会做的。虽然我不明白你提供的代码,但这应该可以。