Question

当我在父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>

Answer 1

在进行了如此多的组合后，这个为我工作了，在这里发布，这样对其他人完全有帮助

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

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

1 个答案: