與固定高度自動調整的div寬度到它的內容

通常當文本內容是大於它是它在Y方向/垂直溢出容器：與固定高度自動調整的div寬度到它的內容

----------------------- 
|Hello hello hello hel| 
|lo hello hello hello | 
|hello hello hello hel| 
----------------------- 
lo hello hello hello 
hello hello

然而，在這種情況下，我希望它自動溢出X方向/水平，同時保留並填滿div的固定高度。（寬度應相應地調整，它可以顯示水平滾動條或它應該簡單地水平溢出容器。）

----------------------- 
|Hello hello hello hel|lo hello hello 
|lo hello hello hello | hello hello h 
|hello hello hello hel|lo hello 
-----------------------

這可能與CSS（3）/ Flexbox的/上溢/文字環繞？或者，如果沒有，使用JavaScript？

來源

2015-02-07 Roger

在我心裏的頂部，不能你與文本容器已寬說150％實現？ – 2015-02-07 10:28:14

問題是，文本的數量是可變的，所以用150％固定就不夠用了。 – Roger 2015-02-07 10:38:11

你想要的文本是有限的嗎？喜歡說受限於身體的寬度？或者只要「持續」，你是否希望它無限期地走下去？ – 2015-02-07 10:42:54

-1

你可以用CSS溢出-X嘗試：可見/滾動

來源

2015-02-07 10:42:32

嘗試了這一點，看看它是否適合你：

jQuery(document).ready(function($) { 
    $(".container p").each(function() { 
     var pwidth = $(this).width(); 
     $(this).width(pwidth) 

     }), 
    $('.container').css({"width" : "300px" }) 
});

試試這個。當它的父元素寬度設置爲auto時，此腳本獲取最長的段寬（注意初始css值）。完成後，將容器設置爲300px（或任何你希望它最終結束）。

不好的一面是它沒有單獨得到每個p的寬度，而只是最長的一個。

http://jsfiddle.net/5vfm8o86/3/

來源

2015-02-07 14:06:49

與固定高度自動調整的div寬度到它的內容

回答

相關問題