Angular mat-list-item 按钮在一行中与文本。_程序开发

创始人

2024-10-19 12:30:19

0次

要将Angular mat-list-item按钮与文本放在同一行中，可以使用flex布局和一些自定义样式来实现。

首先，在HTML模板中，将mat-list-item包装在一个div容器中，并添加自定义类名：


  
    
    按钮文本

然后，在CSS样式文件中添加以下样式：

.list-item-wrapper {
  display: flex;
  align-items: center;
}

mat-list-item button {
  margin-right: 10px;
}

这样，按钮和文本将在同一行中，并且按钮与文本之间有一定的间距。

请注意，这里使用了flex布局来将按钮和文本放在同一行中，align-items属性用于垂直居中对齐。可以根据需要自定义样式来调整按钮和文本的位置和间距。

希望对你有所帮助！

2分钟攻略!哈糖大菠萝攻略(透... 2分钟攻略!哈糖大菠萝攻略(透视)都是存在有辅助脚本(哔哩哔哩)小薇（辅助器软件下载）致您一封信；亲...

三分钟资料!德普之星透视辅助软... 三分钟资料!德普之星透视辅助软件(透视)一直是有辅助神器(哔哩哔哩)1、下载好德普之星透视辅助软件透...

一分钟指南!智星德州插件202... 一分钟指南!智星德州插件2024最新版(透视)好像存在有辅助脚本(哔哩哔哩)1、全新机制【智星德州插...

第1分钟攻略!约局吧如何查看是... 第1分钟攻略!约局吧如何查看是否有挂(透视)原来存在有辅助下载(哔哩哔哩)约局吧如何查看是否有挂辅助...

第七分钟学习!hhpoker辅... 第七分钟学习!hhpoker辅助软件(透视)本来真的是有辅助插件(哔哩哔哩)1、hhpoker辅助软...

四分钟总结!hhpoker免费... 四分钟总结!hhpoker免费辅助器(透视)真是真的是有辅助下载(哔哩哔哩)1.hhpoker免费辅...

第二分钟手册!wepoker辅... 第二分钟手册!wepoker辅助器(透视)其实是真的有辅助教程(哔哩哔哩)1、完成wepoker辅助...

4分钟窍要!wepoker透视... 4分钟窍要!wepoker透视功能下载(透视)果然有辅助神器(哔哩哔哩)1、全新机制【wepoker...

三分钟妙计!wepoker私人... 三分钟妙计!wepoker私人局有透视吗(透视)一直真的有辅助工具(哔哩哔哩)1、三分钟妙计!wep...

七分钟方针!拱趴大菠萝自动计算... 七分钟方针!拱趴大菠萝自动计算机器人(透视)原来存在有辅助辅助(哔哩哔哩)1、完成拱趴大菠萝自动计算...