时间戳

首页 > 解决方案 > 在 React Material UI 中对齐文本

css - 在 React Material UI 中对齐文本

问题描述

我有一个非常简单的问题。我想将“2020 年 1 月 1 日”与“A00002”对齐。

请在此处查看我的代码和框 单击此处

<div className={classes.root}>
  <Typography variant="h6" className={classes.marginTop2}>
    <span className={classes.fontBold}>Date:</span>{" "}
    <span className={classes.marginLeft3}>01/01/2020</span>
  </Typography>
  <Typography variant="h6" className={classes.marginTop1}>
    <span className={classes.fontBold}>Transaction Code:</span>{" "}
    <span className={classes.marginLeft3}>A00002</span>
  </Typography>
</div>

输出

Date:                01/01/2020
Transaction Code:    A00002

标签： cssreactjsmaterial-uijss

解决方案

创建一个此类，而不是marginLeft3使用marginLeft120作为日期。

 marginLeft120: {
   marginLeft: 120
 },

推荐阅读