效果图：
代码：
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style>body,html{box-sizing:border-box;}.keyboard{background:#f4f4f4;padding:5px;}.grid_2{display:flex;align-items:center;flex-wrap:wrap;}.grid_2>div,.grid_2>span,.grid_2>li,.grid_2>a{width:50%;}.grid_3{display:flex;align-items:center;flex-wrap:wrap;}.grid_3>div,.grid_3>span,.grid_3>li{width:33.3333%;}.center{text-align:center;}.fontb{font-weight:bold;}
