在網(wǎng)頁(yè)設(shè)計(jì)中,表單是不可或缺的部分之一,但是很多時(shí)候我們會(huì)遇到表單無(wú)法居中的問(wèn)題,這時(shí)候我們應(yīng)該怎么辦呢?
首先,在HTML中創(chuàng)建表單的代碼如下所示:
<form> <label>姓名: </label> <input type="text" name="name" ><br><br> <label>年齡: </label> <input type="number" name="age" ><br><br> <input type="submit" value="提交"> </form>接著,在CSS中進(jìn)行樣式的設(shè)計(jì),使表單居中,代碼如下:
form { width: 500px; margin: 0 auto; text-align: center; }其中,margin: 0 auto;的作用是通過(guò)自動(dòng)居中的方式來(lái)實(shí)現(xiàn)表單居中。 此外,text-align: center;也是起到了居中的作用,但是需要注意的是它對(duì)于