如何在菜单项中插入“换行符”？

Question

我正在使用角度材质。我需要创建一个菜单，其中一项包含两个大段落。文本被切除，仅出现第一段。

有人可以帮忙吗？链接到代码：https://stackblitz.com/edit/angular-mat-menu-item-newline

谢谢。

Answer 1

我已经通过做两件事来做到这一点：

• 首先，添加https://stackblitz.com/edit/angular-qzbutg?embed=1&file=app/menu-overview-example.css中描述的CSS：

  :: ng-deep button.mat-menu-item {-webkit-user-select：无；-moz-user-select：无；-ms-user-select：无；用户选择：无；光标：指针；轮廓：0边界：无；-webkit-tap-highlight-color：透明；空白：nowrap;溢出：隐藏；文字溢出：省略号；显示：块；/ **将线高设置为所需高度* /行高：18px;/ **将高度设置为自动* /高度：自动；填充：0 16px;文字对齐：左；文字修饰：无；最大宽度：100％；职位：相对}

• [第二：我创建了两个按钮，而不是一个HTML中不支持的带有换行符的按钮，而第一个按钮的底边距为12px，用来伪造新段落。