如何在菜单项中插入 'newline character'？
How to insert a 'newline character' in a menu item?
我正在使用 Angular Material。我需要创建一个菜单，其中一个项目由两个大段落组成。文字被截断，只出现第一段
有人能帮忙吗？ Link 到代码：
https://stackblitz.com/edit/angular-mat-menu-item-newline
谢谢。
我通过两件事做到了：
首先，添加https://stackblitz.com/edit/angular-qzbutg?embed=1&file=app/menu-overview-example.css中描述的css：
::ng-deep button.mat-菜单项{
-webkit-用户-select: none;
-moz-用户-select：none；
-ms-用户-select：none；
用户-select：none；
游标：指针；
大纲：0；
边框：none；
-webkit-tap-highlight-color：透明；
白色-space: nowrap;
溢出：隐藏；
文本溢出：省略号；
显示：块；
/** 将行高设置为所需的高度 */
行高：18px；
/** 设置高度为自动 */
高度：自动；
填充：0 16px；
文本对齐：左；
文字装饰：none；
最大宽度：100%；
位置：相对；
}
- 第二：我创建了两个按钮，而不是 HTML 不支持的带有换行符的按钮，第一个按钮的底部边距为 12px 以伪造一个新段落。
我正在使用 Angular Material。我需要创建一个菜单，其中一个项目由两个大段落组成。文字被截断，只出现第一段
有人能帮忙吗？ Link 到代码： https://stackblitz.com/edit/angular-mat-menu-item-newline
谢谢。
我通过两件事做到了：
首先，添加https://stackblitz.com/edit/angular-qzbutg?embed=1&file=app/menu-overview-example.css中描述的css：
::ng-deep button.mat-菜单项{ -webkit-用户-select: none; -moz-用户-select：none； -ms-用户-select：none； 用户-select：none； 游标：指针； 大纲：0； 边框：none； -webkit-tap-highlight-color：透明； 白色-space: nowrap; 溢出：隐藏； 文本溢出：省略号； 显示：块； /** 将行高设置为所需的高度 */ 行高：18px； /** 设置高度为自动 */ 高度：自动； 填充：0 16px； 文本对齐：左； 文字装饰：none； 最大宽度：100%； 位置：相对； }
- 第二：我创建了两个按钮，而不是 HTML 不支持的带有换行符的按钮，第一个按钮的底部边距为 12px 以伪造一个新段落。