CSS中可以使用margin和position屬性來使
元素在屏幕上居中顯示。以下是兩種方法的實現：
方法一：使用margin屬性
div {
margin: 0 auto;
width: 300px;
}這種方法需要將該
元素的寬度設置為一個固定的值，并使用margin:0 auto;來使其水平居中顯示。這個方法特別適用于居中顯示一些固定寬度的盒子。
方法二：使用position屬性
div {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}這種方法是將該
元素絕對定位到屏幕的中央。首先使用top:50%和left:50%來將元素的左上角移動到屏幕中央。然后使用transform:translate(-50%, -50%);來將元素又往左上角移動了元素寬度和高度的一半，從而使其真正居中。
通過上述兩種方法，我們可以將
元素在屏幕上居中顯示，從而讓我們的頁面更加美觀和實用。
上一篇css3四個角閃光
下一篇css3四分之一圓角