[英]How do I center align text using JavaScript?
这段代码工作正常,但我想居中对齐 Welcome, '+name 以便它显示在顶部中心。 这是我到目前为止所拥有的:
<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>```
<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>
为此,您应该创建一个名为“welcomeText”的变量:
var welcomeText = document.getElementById("demo").innerHTML = 'Welcome, ' + name;
然后,此代码将使文本居中对齐:
welcomeText.style.textAlign = "center";
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.