-1

我得到了以下代码。这段代码将被重用。它工作正常，但现在我遇到了一个小问题，我不知道如何解决它。

当段落内的文本很宽并且包含简短块的任何内容都不是那么宽时，第二个 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>&nbsp;<a href="#" class="smallhighlight">Somebody</a>
                            </div>
                        </div>

任何提示？

4

1 回答 1

1

不要将您的 img/text 包装在 div 中？

这里的例子：http: //jsfiddle.net/ANNLP/2/

于 2012-05-22T16:32:27.523 回答