该问题与css样式有关。我们可以使用下面的代码来显示键盘。
js示例代码
keys = ['SPACE','A','B','C','D','E','F','G','H','I','1','2','3','SPACE','DEL','J','K','L','M','N','O','P','Q','R','4','5','6','DEL',' ','S','T','U','V','W','X','Y','Z',' ','7','8','9','0'];
keyboard = new Keyboard("Keyboard", 14, 3 ,keys, true , true);
keyboard.setActiveChildKey('A');
this.appendChildWidget(keyboard);
CSS
#testcomponent {
display: table;
width: 100%;
height: 100%;
text-align: center;
}
Keyboard Component
#Keyboard {
display: table-cell;
width: 100%;
height: 100%;
vertical-align: middle;
}
Single Keyboard Style Changed
.keyboardButton {
display: inline-block;
}