調整大小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寬度自動適應一段的寬度

回答

相關問題