用HTML編寫一個簡單的用戶注冊頁面，主體結構是：div+form+div，form和第二個div之間出現空隙。

設置margin和padding為0不起任何作用，按網上的說法將在form標簽中設置display為inline。但這樣背景效果消失，因此設為inline-block。修改的CSS代碼：

form{background-color: rgba(121, 236, 201, 0.5);width: 80%;margin: auto;display: inline-block;}

此時空隙的問題解決了，但頁面居中失效，實際上是margin: auto失效了。后面可以刪除。

為了保持居中，在form的外層加了一個div作為其父標簽，class設為“form”。在css中設置居中對齊，同時將存放輸入框前文字的label標簽設置為左對齊，添加的CSS代碼：

.form{text-align: center} label{text-align: left;}

如果仔細看的話，表單和下面的div之間還是有細小的空隙，但是和上面的div之間完全沒有，問題的解決似乎并不十分徹底。是不是還有更好的辦法呢？

總結

以上是生活随笔為你收集整理的HTML中form和div出现间隙以及页面居中的问题的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。