HTML代码示例:
CSS代码示例:
div { display: flex; flex-direction: column; align-items: center; }
h2 { margin-bottom: 10px; }
button { font-size: 18px; padding: 10px 20px; }
解决方法解释:将DIV的显示属性设置为flex,使其能够在垂直方向上排列子元素。使用align-items:center使子元素在垂直方向上对齐。通过给h2添加一些底部边距来使按钮和标题隔开。最后给按钮一些字体大小和内边距等样式来让它更加易读。