Html 使右V形字体的尖端触碰div的末端

使用任何图标库中的字体可怕的V形图标或右箭头图标，如何使图标的点接触到其所在div的边缘

请看下面的代码示例，并注意即使我正在进行文本对齐：right；它没有完全接触到边栏的边缘。我相信这是因为图标右侧有少量的间距。我能控制这一点间距吗

.wrapper{
高度：100vh；
显示器：flex；
弯曲方向：行；
}
.侧边栏{
flex:0050px；
背景色：#ccc；
文本对齐：右对齐；
}
.内容{
弹性：1；
背景色：#000；
}

---

这应该能帮到你！ 基本上，创建一个类

.fa chevron right

，并赋予它

右边距：-2px

您可以增加/减少-2px以获得您喜欢的间距


.wrapper{
高度：100vh；
显示器：flex；
弯曲方向：行；
}
.侧边栏{
flex:0050px；
背景色：#ccc；
文本对齐：右对齐；
}
.内容{
弹性：1；
背景色：#000；
}
.fa雪佛龙右{
右边距：-2px；
}
这应该能帮到你！
基本上，创建一个类
.fa chevron right
，并赋予它
右边距：-2px

您可以增加/减少-2px以获得您喜欢的间距


.wrapper{
高度：100vh；
显示器：flex；
弯曲方向：行；
}
.侧边栏{
flex:0050px；
背景色：#ccc；
文本对齐：右对齐；
}
.内容{
弹性：1；
背景色：#000；
}
.fa雪佛龙右{
右边距：-2px；
}

图标的SVG似乎向右偏移了1px。实际上，您应该使用CSS来补偿这一点，使用
position:relative；右：-1px，或
右边距：1px图标的SVG似乎向右偏移了1px。实际上，您应该使用CSS来补偿这一点，使用
position:relative；右：-1px，或
右边距：1px