与图标对齐文本的中心

我有下面的代码组件与图标对齐文本的中心

 <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

与图标对齐文本的中心

回答

相关问题