在JSP页面设计中，按钮的居中显示是一个常见且实用的需求。一个好的按钮布局，不仅可以提升页面的美观度，还能提高用户体验。在JSP中，按钮如何居中显示呢？本文将从原理到实践，详细讲解JSP按钮居中显示的方法。
1. JSP按钮居中显示原理
在HTML中，元素的居中显示可以通过多种方式实现，如使用Flexbox、Grid、Table等布局。但在JSP中，由于页面结构的不同，我们需要结合CSS和HTML标签来实现按钮的居中显示。
1.1 CSS样式
CSS提供了多种样式来实现元素的居中，如：
- 水平居中：使用`margin: auto;`或`text-align: center;`实现；
- 垂直居中：使用`display: flex;`或`position: absolute;`实现。
1.2 HTML标签
在JSP页面中，我们可以使用以下HTML标签来辅助实现按钮的居中：
- div标签：将按钮包裹在div标签中，通过CSS样式控制div的布局；
- table标签：使用table布局来实现按钮的居中显示。
2. JSP按钮居中显示实例
接下来，我们将通过几个实例来讲解如何实现JSP按钮的居中显示。
2.1 使用CSS Flexbox实现水平居中
示例代码：
```html
