Question

尝试自定义嵌入式卡片高度，以便所有嵌入内容的大小相同。目前他们出现了不同的尺寸，这与页面布局混杂在一起。当用户将链接添加到数据库中时，动态创建链接。

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

有没有办法控制内容的高度？

编辑：

我在内容上放了一个包装器给我一些控制权。看起来并不像我想要的那样，但它是一个临时解决方案，直到项目重新设计。

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

Answer 1

可悲的是，没有。由于卡内部内容的不可预测性，没有固定高度的选项。

您可以限制卡片的宽度。 data-card-width =“400”将采用此卡。

Answer 2

你可以试试这个：

<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>

嵌入卡高度定制？

2 个答案: