我在div中有这个跨度
<div>
<span class="material-symbols-outlined" (click)="call()">
phone
</span>
<span> Phone</span>
</div>
电话图标未与文本电话居中对齐
我也试了text-align :center
,但不起作用,这个div也有一些外部div,如果我给空白处-顶部图标它移动整行
我在div中有这个跨度
<div>
<span class="material-symbols-outlined" (click)="call()">
phone
</span>
<span> Phone</span>
</div>
电话图标未与文本电话居中对齐
我也试了text-align :center
,但不起作用,这个div也有一些外部div,如果我给空白处-顶部图标它移动整行
可以使用Flex对齐这两个跨度:
<div style="display:flex; align-items:center">
<span class="material-symbols-outlined" (click)="call()">
phone
</span>
<span> Phone</span>
</div>
您可以单独编写样式,而不是内联css.