javascript - css 文本与 innerHTML 对齐

Question

我在使用 innerHTML 对齐文本时遇到问题

a= document.createElement('a');
a.style.cssText= 'font-size: 20px; cursor: pointer; text-align:center;';
a.innerHTML = 'Align ME TO CENTER!';

默认向左对齐，它就这样卡住了……有什么建议吗？

Answer 1

首先，您的代码中存在错误:

你在哪里

var a = document.createElement('a');
a.style.cssText= 'font-size: 20px; cursor: pointer; text-align:center;';
a.innerHTML = 'Align ME TO CENTER!';

你应该:

var a = document.createElement('a');
a.setAttribute('style','font-size: 20px; cursor: pointer; text-align:center;');
a.innerHTML = 'Align ME TO CENTER!';

要解决您的问题，在样式中，您需要将 display 属性设置为 block，如下所示:

a.setAttribute('style', 'font-size: 20px; cursor: pointer; text-align: center; display:block;');