CSS中實現全局居中的代碼通常需要應用于父級元素,包括文本、圖片、和其他元素。
通常,我們需要使用margin和text-align屬性來使元素居中。以下是一些示例代碼:
/*水平居中*/ .parent{ width: 80%; margin: 0 auto; } /*垂直居中*/ .parent { position: relative; } .child { position: absolute; top: 50%; transform: translateY(-50%); } /*水平和垂直居中*/ .parent { position: relative; } .child { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
這些代碼可以將元素完美居中,只需要稍微調整一下父元素和子元素的大小和位置即可。
上一篇jquery li點擊