gpt4 book ai didi

angular - 将 matSuffix 内容与 mat-form-field 输入中的文本对齐

转载 作者:行者123 更新时间:2023-12-03 23:09:15 24 4
gpt4 key购买 nike

我有一个带有 <span>💡</span> 的 mat-form-field作为 matSuffix

<mat-form-field appearance="outline">
<input matInput
placeholder="Details"
name="details"
required />
<span matSuffix>💡</span>
</mat-form-field>

emigi 与文本不对齐的问题

enter image description here

任何想法如何解决?

最佳答案

使用 DIV 并尝试调整图标的位置以补偿默认字体大小 16px 和标准 mat-icon 后缀大小 24px 之间的差异:

<div matSuffix style="position: relative; bottom: 8px;">💡</div>

关于angular - 将 matSuffix 内容与 mat-form-field 输入中的文本对齐,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59783953/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com