截斷可調整大小框時的高度相同

可能在一行中有4列，每列有不同數量的文本，但每個欄末尾都有一個「讀取更多」鏈接。在Firefox瀏覽器中的Mac上，我可以更改文本的長度，以便每列的高度相同，但是在另一個瀏覽器中預覽電腦時，填充/字體大小略有不同，這會使框不同高度。另外，如果您要放大瀏覽器窗口，也會更改高度。截斷可調整大小框時的高度相同

我不能把一個固定的高度，因爲當你點擊'閱讀更多'鏈接時，它會打開並調整大小，以便隨文本增長。

這是形象的例子： http://forewardsapp.com/images/resize.png

來源

2014-07-22 saraht

請添加一個jsFiddle，以便我們可以看到代碼。 –

當我把它放在js小提琴我有閱讀更多的工作問題.. http://jsfiddle.net/NMSQn/ – saraht

你需要配置JSFiddle加載jQuery庫。試試這個：http://jsfiddle.net/NMSQn/1/ –

我的風格使用此實現了這個在我的網站之一：

margin: 0px 0px -100%; 
padding: 0px 0px 100%;

Here is a Fiddle

來源

2014-07-22 16:31:21 RockHopperPro

這隻會在你定義了一個固定的高度時才起作用，你也會在小提琴後面覆蓋你的第一個邊距。 –

感謝您的支持，我更新了小提琴，它也適用於流體高度，我在更新的小提琴中將高度設置爲20％。 – RockHopperPro

您還可以使用Flexbox的

演示：http://jsfiddle.net/NMSQn/3/

.column-center 
{ 
    display: flex; 
} 

.column-center .emotions 
{ 
    flex: 1 0 auto; 
}

來源

2014-07-22 16:39:10

截斷可調整大小框時的高度相同

回答

相關問題