CSS3图标与文字居中对齐
互广建站
在设计网页过程中,很多时候图标和文字是在一排的,当图标和文字设置不同的字体时,会出现文字和图标都是与对方的底边对齐,而不是居中对齐,为了实现居中对齐,其实很简单,IAW一般使用下列代码来实现:
代码如下:
line-height:70px;display:flex;justify-content: center;
使用以上代码,图标和文字对齐了吗?如果没有对齐,欢迎加我们的微信,我们拉您进互广科技技术交流群,帮您解决。
在设计网页过程中,很多时候图标和文字是在一排的,当图标和文字设置不同的字体时,会出现文字和图标都是与对方的底边对齐,而不是居中对齐,为了实现居中对齐,其实很简单,IAW一般使用下列代码来实现:
代码如下:
line-height:70px;display:flex;justify-content: center;
使用以上代码,图标和文字对齐了吗?如果没有对齐,欢迎加我们的微信,我们拉您进互广科技技术交流群,帮您解决。
免费提供专属《策划方案》及报价,更有千元大礼等您拿。