调整大小DIV宽度自动适应一段的宽度

我有一个div并在段落中：调整大小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的宽度必须调整为最长的线宽。

来源

2013-11-01 user304602

设置div的显示器inline-block，并防止缠绕的线添加white-space: nowrap;的段落：

#MyDiv{ 
    display: inline-block; 
} 

#MyDiv p{ 
    white-space: nowrap;  
}

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

来源

2013-11-01 20:47:26

为什么线条太长分成两部分？我不想要这个。我想要将行打印为一行，然后在达到
时跳到下一行。 – user304602

我已经更新了我的答案，注意新的小提琴。它的工作原理是 –

。还有一个问题，我有另一个案例，我在jQuery的工具提示中有这个。在这种情况下，我的问题是，当使用空白：nowrap;行超出jquery工具提示的宽度。你知道为什么吗？ – user304602

这是你的意思吗？

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

http://jsfiddle.net/62CQt/

来源

2013-11-01 20:46:54 ravb79

看到我更新的帖子。我不希望线条被分成两行。 – user304602

我看到了，nowrap是要走的路。这也是文字溢出你的工具提示的原因，因为它最有可能具有固定的宽度以符合绝对定位。 – ravb79

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

来源

2013-11-01 20:47:49 iWumbo

调整大小DIV宽度自动适应一段的宽度

回答

相关问题