html - 如何将换行符放入垫选项中？

Question

我有一个带有四个垫子选项的垫子选择。其中一个有一个文本、一个输入字段和一个描述。在第一行中，我希望将文本放在开头，将输入字段放在最后。在第二行我只想有描述。

我已经尝试将 mat-option 显示为“内容”。

<mat-option class="checkbox" value="Timeout">
  <div style="width: 100%">Timeout</div>
  <div style="width: 100%; text-align: right;">
    <input type="number" matInput placeholder=""[(ngModel)]="sessionTimeout"> 
  </div>
  <div class="information">Session Timeout (seconds)</div>
</mat-option>

我的风格：

/deep/ .mat-option-text{
    display: contents !important;
}

我的输出： https ://puu.sh/DjICk/756a22bea3.png

预期输出： https ://puu.sh/DjIxu/6495d7ac7c.png

标签： htmlcssangulartypescript