css 使Beaver Builder标注对齐

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css 使Beaver Builder标注对齐相关的知识,希望对你有一定的参考价值。

/* ---------------------------------------------------------------------
Module: Callout
Requirement: You must have equal column heights.
------------------------------------------------------------------------ */

.fl-col-group-equal-height .fl-module-cta,
.fl-col-group-equal-height .fl-module-callout {
   display: flex;
   height: 100%;
}

.fl-col-group-equal-height .fl-module-cta .fl-module-content,
.fl-col-group-equal-height .fl-module-callout .fl-module-content {
   width: 100%; /* fixes IE11 */
}

.fl-col-group-equal-height .fl-cta-wrap,
.fl-col-group-equal-height .fl-callout {
   display: flex;
   flex-direction: column;
   height: 100%;
}

.fl-col-group-equal-height .fl-callout-content,
.fl-col-group-equal-height .fl-callout-text-wrap {
   flex-grow: 1;
   display: flex;
   flex-direction: column;
}

.fl-col-group-equal-height .fl-cta-text,
.fl-col-group-equal-height .fl-callout-text {
   flex-grow: 1;
}

以上是关于css 使Beaver Builder标注对齐的主要内容,如果未能解决你的问题,请参考以下文章

css 在Beaver Builder中将按钮对齐到行的底部

css 在Beaver Builder和UABB CTA模块中对齐按钮

css Beaver Builder CSS片段

css Beaver Builder的字体很棒

css 回到Beaver Builder的顶部

css 在Beaver Builder(或其他任何地方)粘连