如何在中间水平调整按钮（在 js 中创建）？

Question

我尝试了“文本中心”class 和其他引导类名。

const evaluate = document.createElement('button');
evaluate.className="btn btn-outline-dark";
this.canvas.appendChild(evaluate);
evaluate.textContent = 'Calculate';
evaluate.id = 'eval'; 

Answer 1

您必须添加样式text-align
请参阅此参考页。 https://developer.mozilla.org/ko/docs/Web/CSS/text-align

const btn = document.createElement('button');
btn.id = 'eval'
btn.className='btn btn-outline-dark';
btn.textContent = 'Calculate';
btn.style = 'text-align:center';

this.canvas.appendChild(btn);

Answer 2

您需要将 class text-center 。 尝试使用此 class 名称和 append 按钮添加一个div 。 这是一个例子：

 const parent = document.createElement('div'); parent.className = 'text-center'; const evaluate = document.createElement('button'); evaluate.className="btn btn-outline-dark"; evaluate.textContent = 'Calculate'; evaluate.id = 'eval'; parent.appendChild(evaluate); document.body.appendChild(parent);

 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">