与图标对齐文本的中心
问题描述:
我有下面的代码组件与图标对齐文本的中心
<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>
当我申请的现有文本中心级只移到文本居中,而不是图标。有没有什么办法可以在不对文本中心类进行任何修改的情况下移动到中心位置,并且可能不使用内联样式?
感谢
答
当你申请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>
+0
试图将文本中心应用于图标或文本 – 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>
当文本的中心没有工作对我来说,这通常工作
请提供这个实际的HTML和CSS。可以帮助别人。 ;) –