我尝试的代码是
。html
<div class="recieved">anohter left <i class="fa fa-heart heart-reaction"></i> </div>
。css
.recieved {
flex-direction: row;
padding: 12px;
border-radius: 40px;
margin: 2px;
border-width: 1px;
border-style: solid;
border-color: grey;
width: fit-content;
}
.heart-reaction{
color: red;
}
我在这里用的是字体很棒的图标，
我尝试添加外部，以及，但这似乎不是正确的发送消息，因为它走在接收者的一端
请尝试以下代码:
.recieved {
flex-direction: row;
padding: 12px;
border-radius: 40px;
margin: 2px;
border-width: 1px;
border-style: solid;
border-color: grey;
width: fit-content;
position:relative;
}
.heart-reaction{
color: red;
position:absolute;
left:0;
bottom:-1rem
}
null
.recieved {
flex-direction: row;
padding: 12px;
border-radius: 40px;
margin: 2px;
border-width: 1px;
border-style: solid;
border-color: grey;
width: fit-content;
position:relative;
}
.heart-reaction{
color: red;
position:absolute;
left:0;
bottom:-1rem
}<div class="recieved">anohter left <i class="fa fa-heart heart-reaction">Icon</i> </div>