CSS中使得控件居中的方法有很多,以下是一些常用的方法:
/* 水平居中 */ .parent { display: flex; justify-content: center; } /* 垂直居中 */ .parent { display: flex; align-items: center; } /* 水平和垂直居中 */ .parent { display: flex; justify-content: center; align-items: center; } /* 水平居中,使用margin */ .child { width: 50%; margin: 0 auto; } /* 水平和垂直居中,使用position和transform */ .parent { position: relative; } .child { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
以上是常用的CSS控件居中的方法,具體使用要根據實際情況選擇。
上一篇mysql服務器連接錯
下一篇css中偽類及偽類對象