奇怪的情况...此代码生成图片和其下方的相关文本。重要的是,该图片可正确单击,但文字换行不是我想要的(请参见下文):
<div class="col-md text-center " style="margin-top:15px;">
<h3>Heading</h3>
</div>
<div class="col-md" style="margin-top:15px;">
<div class="col-xs-5 nopad">
<a href="{link to external website}"><img src="images/picture.jpg" style="max-height: 145px; margin-right: 15px; margin-bottom: 5px; "></a>
</div>
<div class="col nopad" style="width:100%;">
Lorem impsum,etc..........
</div>
</div>
</div>
</div>
</section>
我的目标是使文字环绕在照片的右侧和底部,并使img单击。当我在标记之前将“ float-left”添加到时,该图像将不再可点击。这是无效的代码:
<div class="col-md" style="margin-top:15px;">
//LINE BELOW CONTAINS FLOAT-LEFT
<div class="col-xs-5 nopad float-left">
<a href="{link to external website}"><img src="images/picture.jpg" style="max-height: 145px; margin-right: 15px; margin-bottom: 5px; "></a>
</div>
<div class="col nopad" style="width:100%;">
Lorem impsum,etc..........
</div>
</div>
我没有走运。我重新排列了代码,没有运气。左浮动的存在与否似乎显然是问题的根源。