溢出自動與內部

直列塊的div我有下一個標記：溢出自動與內部

<div style="border: 1px solid black; width: 200px; height: 60px; overflow-x: auto"> 
    <img src="/images/thumbs/doc.png" width="100" height="60" style="display: inline-block; vertical-align:middle;"> 
    <div style="display: inline-block; vertical-align: middle;">test</div> 
</div>

其實我使用jQuery UI的可調整大小的插件。當我調整外部div的大小，它變得太小我想水平滾動條出現。但是相反，圖像附近的標籤會下降。如何防止這種影響？理想情況下，我想將文本溢出：elipsis效果應用於標籤，因此首先將其縮短爲「...」，然後出現滾動條。但我無法弄清楚如何防止標籤「測試」下山時，我設置寬度小

來源

2013-08-19 Victor

創建您確切的代碼小提琴，或者嘗試使用最小寬度選項：http://api.jqueryui.com/resizable/#option-minWidth – Era

我想你想在外層div使用的樣式

空白：NOWRAP;

<div style="border: 1px solid black; width: 200px; height: 60px; overflow-x: auto; white-space: nowrap;"> 
    <img src="/images/thumbs/doc.png" width="100" height="60" style="display: inline-block; vertical-align:middle;"> 
    <div style="display: inline-block; vertical-align: middle;">test</div> 
</div>

來源

2013-08-19 09:03:13 korogui

謝謝，這是我需要什麼 – Victor

溢出自動與內部

回答

相關問題