在一個div中如何讓button按鈕垂直居中?
1、首先我們需要新建一個html5文件,編寫html5基礎代碼。
2、新建一個div標簽,在div標簽下編寫一個button標簽。
3、為div標簽和button標簽填寫基礎樣式代碼,這里我們為了更好的查看居中情況,將div的背景設置成紅色。
4、我們用瀏覽器打開頁面,可以看到button在div層中的左上角位置。
5、接下來就是實現垂直居中的方法了,首先我們將div的行高設置成div層的高度,將button的vertical-align屬性設置成middle。
6、刷新網頁,發現button已經在div中垂直居中了。