2016-03-15 65 views
0

試圖自定義嵌入卡的高度,以便所有嵌入的內容都是相同的大小。目前他們出現不同的大小,與頁面佈局混亂。鏈接是在用戶將鏈接添加到數據庫時動態創建的。嵌入卡片高度自定義?

<blockquote class="embedly-card" data-card-controls="0"> 

有沒有辦法控制內容的高度?

編輯:

我把一個包裝過的內容給我某種控制。看起來不像我想要的那麼好,但它是一個臨時解決方案,直到項目重新設計。

#IframeWrapper{ 
width: 100%; 
position: relative; 
padding-bottom: 56.25%; 
padding-top: 35px; 
height: 0; 
overflow: hidden; 
} 

回答

0

不幸的是,沒有。由於卡內容的不可預知性,因此無法選擇固定的高度。

您可以限制卡的寬度。 data-card-width =「400」會拿這個卡。

+0

是的,我知道的寬度。有點惱火他們的工作人員告訴我,我付錢後可以改變他的身高。 我的CSS解決方案可以完成70%的工作。修復佈局,但看起來不像我想要的。 – GethLife

0

你可以試試這個:

<center><div style="max-width:90%;min-height: 350px;border-style:outset;vertical-align:middle;"><a data-card-controls="0" href="{param}" class="embedly-card">{param}</a></div></center> 
+0

請包括爲什麼你在你的答案中使用它,而不僅僅是代碼! – phpdroid