如何在中間水平調整按鈕（在 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">