Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何插入';换行符';在菜单项中?_Html_Css_Angular_Angular Material_Menuitem - Fatal编程技术网

Html 如何插入';换行符';在菜单项中?

Html 如何插入';换行符';在菜单项中?,html,css,angular,angular-material,menuitem,Html,Css,Angular,Angular Material,Menuitem,我用的是有棱角的材料。我需要创建一个菜单,其中一个项目由两个大段落组成。文本被截断,只显示第一段 有人能帮忙吗?链接到代码: 谢谢。我做了两件事: 首先,添加中描述的css: ::ng deep button.mat-menu-item{ -webkit用户选择:无; -moz用户选择:无; -ms用户选择:无; 用户选择:无; 光标:指针; 大纲:0; 边界:无; -webkit点击突出显示颜色:透明; 空白:nowrap; 溢出:隐藏; 文本溢出:省略号; 显示:块; /**将线条高度

我用的是有棱角的材料。我需要创建一个菜单,其中一个项目由两个大段落组成。文本被截断,只显示第一段

有人能帮忙吗?链接到代码:


谢谢。

我做了两件事:


  • 首先,添加中描述的css:

    ::ng deep button.mat-menu-item{ -webkit用户选择:无; -moz用户选择:无; -ms用户选择:无; 用户选择:无; 光标:指针; 大纲:0; 边界:无; -webkit点击突出显示颜色:透明; 空白:nowrap; 溢出:隐藏; 文本溢出:省略号; 显示:块; /**将线条高度设置为所需高度*/ 线高:18px; /**将“高度”设置为“自动”*/ 高度:自动; 填充:0 16px; 文本对齐:左对齐; 文字装饰:无; 最大宽度:100%; 位置:相对位置; }


  • 第二:我创建了两个按钮,第一个按钮的边距底部为12px,以伪造一个新段落,而不是一个带有换行符的按钮(HTML中不支持这种字符)

这是出于设计。您可以覆盖
.mat菜单项上的高度css样式,以允许它显示多行<代码>高度:自动
可以。可能是重复的谢谢你们的建议和链接,伙计们。我已经做到了,在我的应用程序中看起来很好。如果你们想查看解决方案并同意它,我会将其标记为接受答案。