Question

我有一个div，其中有一段：

<div id="MyDiv">
    <p style="color: #FF8000; font-size: 10pt; font-family: Verdana;">
        &ensp;&ensp;This is my first line in the paragraph. This line cannot be broken.<br />
        &ensp;&ensp;This is my second line in the paragraph. This line cannot be broken.<br /><br />
        This is another line within the paragraph. This line cannot be broken.<br />        
    </p>
</div>

如上所示，我的段落有很多内容。每行以新行结束。一些结尾有两条新线。

我希望将div的宽度自动调整为最长的段落线宽。我怎么能这样做？

注意：在达到
之前，我不希望将行分成单独的行。 Div的宽度必须调整为最长的线宽。

Answer 1

将div的显示设置为inline-block，并防止换行为段落添加white-space: nowrap;：

#MyDiv{
    display: inline-block;
}

#MyDiv p{
    white-space: nowrap;    
}

在这里小提琴：http://jsfiddle.net/LMB6L/6/

Answer 2

这是你的意思吗？

#MyDiv {outline:1px solid red;display:inline-block;}

http://jsfiddle.net/62CQt/

Answer 3

我会在段落修改中建议width:auto;或inherit

调整div宽度以自动调整段落的宽度

3 个答案: