在網頁制作中，我們經常需要將內容居中顯示，其中包括整個頁面、盒子等。下面就是一個使用HTML代碼實現整體居中的例子：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML整體居中實現</title>
<style>
body{margin:0;padding:0;}
#container{width:400px;height:300px;
margin:0 auto;
position:absolute;
top:50%;
left:50%;
margin-top:-150px;
margin-left:-200px;
border:1px solid #ccc;}
</style>
</head>
<body>
<div id="container">
<p>這里是居中內容</p>
</div>
</body>
</html>首先需要指定容器的寬和高，然后使用margin屬性，在水平方向上設為“0 auto”，可以實現盒子的水平居中。
但垂直居中有些麻煩，需要使用position:absolute屬性，將容器設置為絕對定位，再使用top:50%和left:50%分別使容器的上下邊距和左右邊距都等于容器寬高的一半，這時候容器的左上角就在頁面的正中間。
但是這種方法容器的內容并不是在正中間的，還需要使用margin-top和margin-left屬性，分別為容器的上下邊距和左右邊距賦負值，將容器的內容向上移動一半和向左移動一半，最終實現內容的垂直和水平居中。
以上就是整體居中的實現方法，可以根據實際情況進行調整，使頁面更加美觀。
上一篇mysql保存文件名無效
下一篇bean有集合轉json