我得到了以下代码。这段代码将被重用。它工作正常,但现在我遇到了一个小问题,我不知道如何解决它。
当段落内的文本很宽并且包含简短块的任何内容都不是那么宽时,第二个 div 会中断并落在下一行,并且我不想要下一行的文本,我想要文本图像 div 的右侧。
解决这个问题的方法是在孩子的 div 中放置一个 max-width,但就像我说的那样,代码被到处重用,而且我有非常宽的容器。
div.brief > div {
float: left;
}
div.image {
-moz-box-shadow: 0 0 5px #939393;
-ms-box-shadow: 0 0 5px #939393;
-o-box-shadow: 0 0 5px #939393;
-webkit-box-shadow: 0 0 5px #939393;
box-shadow: 0 0 5px #939393;
padding: 2px;
display: inline-block;
margin-right: 10px;
}
<div class="brief">
<div>
<div class="image"><a href="#"><img width="33" height="33" src="aaa.jpg" title="aaa" alt="aaa" /></a></div>
</div>
<div>
<p>Boudin drumstick pancetta, beef ribs filet mignon pork belly short ribs bacon...</p>
<label>By:</label> <a href="#" class="smallhighlight">Somebody</a>
</div>
</div>
任何提示?