文章/答案/技术大牛

发布

社区首页 >问答首页 >如何使用JavaScript居中对齐文本？

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

Stack Overflow用户

提问于 2020-09-28 23:10:30

回答 2查看 172关注 0票数 0

这段代码运行良好，但我希望将Welcome，‘+名称居中对齐，使其显示在顶部居中。这是我到目前为止所知道的：

<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>```

javascript

html

alignment

回答 2

Stack Overflow用户

回答已采纳

发布于 2020-09-28 23:26:00

<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>

票数 1

Stack Overflow用户

发布于 2020-09-28 23:31:27

要实现这一点，您应该创建一个名为‘welcomeText’的变量：

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

然后，此代码将文本居中对齐：

welcomeText.style.textAlign = "center";

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/64104870

复制

相似问题

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

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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