Javascript 当我按下按钮时，按钮会掉下来
我有9个按钮在一块板上，我想显示一个“X”或“O”每当我按下它们。然而，当我按下一个按钮，它就会下降Javascript 当我按下按钮时，按钮会掉下来,javascript,jquery,css,Javascript,Jquery,Css,我有9个按钮在一块板上，我想显示一个“X”或“O”每当我按下它们。然而，当我按下一个按钮，它就会下降 $（文档）.ready（函数（）{ var反对=‘人’； var board=['-'，'-'，'-'， '-','-','-', '-','-','-']; var turn='X'； $（'.xo btns'）。单击（函数（）{ $（本）.text（翻）； }); }); 正文{ 填充：0px； 边际：0px； 宽度：自动； 高度：自动； 背景：黑色； 字体系列：“Raleway”，无衬线
$（文档）.ready（函数（）{
var反对=‘人’；
var board=['-'，'-'，'-'，
'-','-','-',
'-','-','-'];
var turn='X'；
$（'.xo btns'）。单击（函数（）{
$（本）.text（翻）；
});
});
正文{
填充：0px；
边际：0px；
宽度：自动；
高度：自动；
背景：黑色；
字体系列：“Raleway”，无衬线；
}
.集装箱{
文本对齐：居中；
}
.董事会{
显示：内联块；
文本对齐：居中；
背景：红色；
填充顶部：15px；
左侧填充：10px；
高度：250px；
宽度：250px；
位置：绝对位置；
排名：0；
底部：0；
左：0；
右：0；
保证金：自动；
}
.xo基站{
宽度：70px；
高度：70像素；
填充：0px；
边界半径：4px；
背景：透明；
大纲：无；
颜色：白色；
/*显示：内联块*/
}
发生这种情况的原因是垂直对齐属性，在我看来，它有时会出现错误行为
加
垂直对齐：中间对齐到您的“xo BTN”类，您应该会很好。太好了！非常感谢。