Html，css，javascript

Question

我有一個div與圖標和文本。 只想將文本對齊div的中心，而左邊的兩個圖標和div的右邊的4至5個圖標。 現在，我正確地對齊了圖標，但問題在於將文本完全對齊到div的中心。 我暫時使用填充來修復此問題，但它不適用於不同的分辨率。

有人可以幫助我解決這個問題。我添加了一個圖像，這不是完全中心的div。我需要的文本設置的確切中心，它應該與所有分辨率的

Answer 1

我不知道你問什麼，但也許這將幫助工作：

我使用Flexbox的財產space-between對齊圖標左，右和居中文本

檢查小提琴：https://jsfiddle.net/victor_allegret/o98oh3mo/

Answer 2

<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>