Question

我有一个文本节点附加到我想要位于页面中间的div。这些元素附加到mainDiv，就像整个页面一样。这是我正在尝试的代码：

title = document.createElement('div');
title.appendChild(document.createTextNode("The big title!"));
title.style.color = "#F5AE20";
title.style.textAlign = "center"; //this is what I'm trying to solve my problem

mainDiv.appendChild(title);

不幸的是，标题保留在页面的左上角;我希望它以中心为中心。编辑 - 只是为了澄清，我想在可能的情况下在Javascript中执行此操作。

感谢您的帮助。

Answer 1

就您发布的内容而言，我们无法给您一个明确的答案。

我们需要考虑CSS中定义的内容以及您要插入的DIV的父级。

例如，将左右边距设置为auto对于没有定义宽度的div不起作用，并且将text-align设置为center将无法正常工作，对于宽度为div的div一直受到限制。

以下是一些绝对有效的示例代码：

<html>
<head>
<script type="text/javascript">
function displayResult()
{
title = document.createElement('div');
title.appendChild(document.createTextNode("The big title!"));
title.style.color = "#F5AE20";
title.style.textAlign = "center"; //this is what I'm trying to solve my problem

document.getElementById("div1").appendChild(title); 
}
</script>
</head>
<body>

<div id="div1">This is some text.</div>
<br />

<button type="button" onclick="displayResult()">Align text</button>

</body>
</html>

Answer 2

尝试将左右边距设置为“自动”

Javascript DOM - 将文本元素与中心对齐？

2 个答案: