更改文本对齐以在Material UI React js中居中

问题描述

在实质性UI中，如何使文字在排版中居中。我试图通过使用材质UI进行样式化来创建一个导航栏，在这里我想将文本问候世界居中。我尝试了内联样式化和自定义主题，但没有一个对我有用。谁能帮助我了解我在哪里缺少代码。

const http = require('http');
const fs = require('fs');
const { exec } = require("child_process");
const targetUrl = 'http://domain/fileProxy.ashx?token=';
const previewpath = 'previews/';

var token = '66a7e572-e2fb-4fb4-87a9-6e19d675357f';
var orderNo = '121212';

function getPdf() {
    var file = fs.createWriteStream(orderNo+ ".pdf");
    http.get(targetUrl+token,function(response) {
        response.pipe(file);
        console.log('downloaded');
    });
}
    
function makeJpgs() {
    exec("magick -density 150 -quality 100% " + orderNo + ".pdf " + previewpath + orderNo + ".jpg");
    console.log('converted');
}

function deletePdf() {
    fs.unlink(orderNo+ ".pdf",(err) => {
        if (err) {
            throw err;
        }
    });
    console.log('deleted');
}

getPdf();
makeJpgs();
deletePdf();

解决方法

在您的情况下，文本未居中，因为它没有完整的可用空间宽度 您需要将flex-grow: 1设置为字体样式，然后才能得到想要的结果

  typographyStyle: {
    flexGrow: 1,color: "#8b0e3a"
  },