css text与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;');