Html、css、javascript

我有一个带有图标和文本的div。 只想将文本与div的中心对齐，而将两个图标与div的左侧对齐，将4到5个图标与div的右侧对齐。 现在，我正确地对齐了图标，但问题是将文本精确地对齐到div的中心。 我使用填充临时修复了这个问题，但它在不同的分辨率下不起作用

有人可以帮我解决这个问题。我添加了一个图像，它不是完全中心的div。我需要的文字是正中心的，它应该与所有分辨率的工作

---

我不确定您的要求，但这可能会有所帮助：

我使用flexbox属性

在

之间留出空格，以使图标左右对齐，并使文本居中

检查小提琴：

居中文本
#目标{文本对齐：中心}
#目标i:第一个子对象{float:left；}
#目标i:最后一个子对象{float:right；}

请添加您的代码以供参考。是的，有人可以通过阅读您的想法来帮助您：p请澄清您的具体问题或添加其他详细信息以突出显示您所需的内容。正如目前所写的，很难准确地说出你在问什么。有关澄清此问题的帮助，请参阅。

<div id="target">
    <i class="fa fa-address-book" aria-hidden="true"></i>
    Centered Text
    <i class="fa fa-address-book" aria-hidden="true"></i>
</div>

<style>
#target { text-align: center }
#target i:first-child { float: left; }
#target i:last-child { float: right; }
</style>