div文本垂直居中 在一個div中如何讓button按鈕垂直居中?
在一個div中如何讓button按鈕垂直居中?1. 首先,我們需要創(chuàng)建一個新的HTML5文件并編寫基本的HTML5代碼。2. 創(chuàng)建一個新的div標(biāo)記,并在div標(biāo)記下面寫一個button標(biāo)記。3. 填
在一個div中如何讓button按鈕垂直居中?
1. 首先,我們需要創(chuàng)建一個新的HTML5文件并編寫基本的HTML5代碼。
2. 創(chuàng)建一個新的div標(biāo)記,并在div標(biāo)記下面寫一個button標(biāo)記。
3. 填寫div標(biāo)簽和button標(biāo)簽的基本樣式代碼。這里我們將div的背景設(shè)置為紅色,以便更好地查看居中情況。
4. 當(dāng)我們用瀏覽器打開頁面時,我們可以看到div層中按鈕的左上角。
5. 下一步是實(shí)現(xiàn)垂直中心法。首先,我們將div的行高設(shè)置為div層的高度,并將button的垂直對齊屬性設(shè)置為middle。
6. 刷新頁面,發(fā)現(xiàn)按鈕在Div中垂直居中。