如何使用 JavaScript 居中对齐文本？

Question

This code works fine, but i want to center align the Welcome, '+name so that it displays at the top center.这段代码工作正常，但我想居中对齐 Welcome, '+name 以便它显示在顶部中心。 Here is what i have so far:这是我到目前为止所拥有的：

<meta name="viewport" content="width=device-width">
<title>prompt demo</title>
</head>
<body>
<h1 id='demo'> </h1>
<script>
  var name=prompt('Please enter your name.')
  document.getElementById("demo").innerHTML='Welcome, '+name
</script>```

Answer 1

 <meta name="viewport" content="width=device-width"> <title>prompt demo</title> </head> <body> <h1 id='demo'> </h1> <script> var name=prompt('Please enter your name.') var h1Element = document.getElementById("demo"); h1Element.innerHTML='Welcome, '+name; h1Element.style.textAlign = "center" </script>

Answer 2

To achieve that, you should make a variable called 'welcomeText':为此，您应该创建一个名为“welcomeText”的变量：

var welcomeText = document.getElementById("demo").innerHTML = 'Welcome, ' + name;

Then, this code will align the text in the center:然后，此代码将使文本居中对齐：

welcomeText.style.textAlign = "center";

如何使用 JavaScript 居中对齐文本？

问题描述

2 个解决方案

解决方案1
1 已采纳 2020-09-28 15:25:59

解决方案2
0

如何使用 JavaScript 居中对齐文本？

问题描述

2 个解决方案

解决方案1 1 已采纳 2020-09-28 15:25:59

解决方案2 0

解决方案1
1 已采纳 2020-09-28 15:25:59

解决方案2
0