在HTML5中,實(shí)現(xiàn)div居中顯示是一個(gè)常見(jiàn)的需求,但是對(duì)于很多人來(lái)說(shuō),這似乎是一個(gè)難題。在本文中,我們將會(huì)介紹一些方法,幫助您完美解決居中難題。
argin屬性
argin屬性可以幫助我們實(shí)現(xiàn)div居中顯示。將div的寬度和高度設(shè)置為固定值,比如說(shuō)200px和100px。在CSS中添加如下代碼:
width: 200px;
height: 100px;argin: 0 auto;
這樣就可以實(shí)現(xiàn)div在水平方向上居中顯示。
屬性。將div的寬度設(shè)置為100%。在CSS中添加如下代碼:
width: 100%;ter;
這樣就可以實(shí)現(xiàn)div在水平方向上居中顯示。
屬性也可以幫助我們實(shí)現(xiàn)div居中顯示。將div的寬度和高度設(shè)置為固定值,比如說(shuō)200px和100px。在CSS中添加如下代碼:
width: 200px;
height: 100px;: absolute;
top: 50%;
left: 50%;argin-top: -50px;argin-left: -100px;
這樣就可以實(shí)現(xiàn)div在水平和垂直方向上居中顯示。
argin屬性都可以幫助我們完美解決居中難題。希望這篇文章對(duì)您有所幫助。