HTML5作為一種常用的網(wǎng)頁(yè)標(biāo)記語(yǔ)言，提供了許多方法來(lái)美化頁(yè)面的布局。其中一個(gè)重要的問(wèn)題是如何設(shè)置表單居中。下面我們來(lái)介紹兩個(gè)方法：

<form style="text-align:center">
<label>姓名：</label>
<input type="text">
<br><br>
<label>密碼：</label>
<input type="password">
<br><br>
<input type="submit" value="提交">
</form>

第一種方法是使用CSS的text-align屬性。將form標(biāo)簽的樣式設(shè)置為text-align:center，即可使表單居中。如上面代碼所示。

<div style="display:flex;justify-content:center;">
<form>
<label>姓名：</label>
<input type="text">
<br><br>
<label>密碼：</label>
<input type="password">
<br><br>
<input type="submit" value="提交">
</form>
</div>

第二種方法是使用CSS的flexbox布局。將包含form標(biāo)簽的div設(shè)置為display:flex，并將justify-content屬性設(shè)置為center，即可使表單居中。如上面代碼所示。

這兩種方法都能實(shí)現(xiàn)表單居中的效果，具體使用哪種方法取決于個(gè)人喜好和實(shí)際需求。希望本文對(duì)如何設(shè)置表單居中有所幫助。