與圖標對齊文本的中心

我有下面的代碼組件與圖標對齊文本的中心

 <div> 
     <icon 
      HeaderText={<p className="text-center">{translations.show}</p>} 
      FooterText={<p>{translations.hide}</p>} 
      color={this.concept} 
      className="u-pv--sm" 
     > 
      {getList} 
     </icon> 
     </div>

當我申請的現有文本中心級只移到文本居中，而不是圖標。有沒有什麼辦法可以在不對文本中心類進行任何修改的情況下移動到中心位置，並且可能不使用內聯樣式？

感謝

來源

2017-08-07 User7354632781

請提供這個實際的HTML和CSS。可以幫助別人。 ;） –

當你申請text-center到div而不是<p>會發生什麼。

我的意思是這樣的：

<div class="text-center"> 
     <icon 
      HeaderText={<p>{translations.show}</p>} 
      FooterText={<p>{translations.hide}</p>} 
      color={this.concept} 
      className="u-pv--sm" 
     > 
      {getList} 
     </icon> 
     </div>

來源

2017-08-07 16:21:11 sequel

試圖將文本中心應用於圖標或文本 – User7354632781

您是否嘗試過使用證明的內容？

<div class="d-flex justify-content-center"> 
    <icon 
     HeaderText={<p>{translations.show}</p>} 
     FooterText={<p>{translations.hide}</p>} 
     color={this.concept} 
     className="u-pv--sm" 
    > 
     {getList} 
    </icon> 
    </div>

當文本的中心沒有工作對我來說，這通常工作

來源

2017-08-07 16:41:00

與圖標對齊文本的中心

回答

相關問題