时间戳

首页 > 解决方案 > 父行和子列布局在 IE11 中中断，但在其他浏览器中有效

angular-flex-layout - 父行和子列布局在 IE11 中中断，但在其他浏览器中有效

问题描述

当我在父 div 中使用 fxLayout="row" 和在子 div 中使用 fxLayout="column" 时，它在 IE 11 中被折叠或重叠，但在其他浏览器中有效

请参阅 stackbliz 链接以了解该问题 https://stackblitz.com/edit/angular-wcmerb

<div fxLayout="row" fxLayoutAlign="none" fxFlex="1 1 auto">
          <div class="offer-text" fxLayout="column">
            <div class="m-b-15 text-14">
             Lorem Ipsum is simply dummy text of the printing and typesetting industry.  when an unknown printer took a galley of type and scrambled it to make a type specimen book.
            </div>
            <div  class="martop-20" fxLayout="row" fxLayoutAlign="end end" fxFlex="1 1 auto">
             Condition Apply
            </div>
          </div>

        </div>

标签： angular-flex-layout

解决方案

在做了这么多组合之后，这个对我有用，在这里发布，以便对其他人有帮助

<div fxLayout="row" fxLayoutAlign="none" fxFlex="1 1 auto">
          <div class="offer-text" fxLayout="column">

用下面的代码替换上面的代码，如果您正在寻找均匀的结构，它将在所有浏览器中工作，对于 Angular flex 布局中的底部文本

   <div fxLayout="column" fxLayoutAlign="none" fxFlex="1 1 auto">

推荐阅读