Javascript 更改对齐中的按钮

这是根据， 加上 一个人的选择。由于某种原因，一旦出现按钮对齐，按钮对齐就会脱线 是一种增值；按钮下降约50px，直到行的其余部分保持值， 然后它们都像以前一样重新对齐到板中。我不明白为什么会这样 如果您能帮我把所有的按钮都按好，我将不胜感激

也有不一致的表现，从游戏逻辑上让电脑选择一个游戏 对角期权；定位计算机相当容易，必须选择

0

或者

2

，然后计算机必须依靠随机选择函数来占据这些空间 正方形。我的理解是，该计划应该（“应该…”）认识到 根据这个逻辑选择那些方块

else if (squares[b] === 'X' && squares[b] === squares[c] && squares[a] === null){
      console.log("need O in ", a);
      return a;

我在程序中留下了

console.log

语句来显示我是如何和在哪里的 解决此问题时遇到的问题。如有任何见解，将不胜感激。谢谢你的帮助 你的时间

可以在上看到对齐的问题

---

再次感谢你的帮助

这种对齐问题很奇怪，不过在.square上添加垂直对齐似乎可以解决（至少在Chrome和FireFox中是这样）

逻辑上的问题是，你的javascript说，只有在最好的动作是真实的情况下，才能做出“最好的动作”。如果返回0，则表示不采取最佳行动

if (HALbest(squares)){
   HALmove = HALbest(squares);
   squares[HALmove] = 'O';
   this.setState({squares: squares});
   return;
}

应该是

if (HALbest(squares) !== null){
   HALmove = HALbest(squares);
   squares[HALmove] = 'O';
   this.setState({squares: squares});
   return;
}

---

成功了！谢谢…您是否也遇到了同样的问题，无法选择方形

0

进行阻止？我不知道为什么它没有被选中…再次感谢css的帮助。太好了！就是这样……我从来没有想到过，谢谢你的洞察力。很高兴能提供帮助，也想把这个联系起来——更多关于truthy falsy的信息

.square {
    ...
    vertical-align: top;
}

if (HALbest(squares)){
   HALmove = HALbest(squares);
   squares[HALmove] = 'O';
   this.setState({squares: squares});
   return;
}

if (HALbest(squares) !== null){
   HALmove = HALbest(squares);
   squares[HALmove] = 'O';
   this.setState({squares: squares});
   return;
}