CSS的制心(centering)是web開發的基本技能之一,它可以讓你將文本、圖像和其他元素相對于其父容器居中。本文將介紹CSS制心的幾種方法。
/* 文本居中 */ .container { text-align: center; } /* 塊級元素居中 */ .container { display: flex; justify-content: center; align-items: center; } /* 行內元素居中 */ .container { text-align: center; } .center { display: inline-block; } /* 多個元素居中*/ .container { display: flex; justify-content: center; } .item { margin: 0 10px; } /* 絕對定位元素居中 */ .container { position: relative; } .absolute { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
以上是幾種最常見的CSS制心方法,通過它們可以靈活地將不同類型的元素居中。當然,在不同的場景下,可能還需要使用其他的技巧。
下一篇abp vue教程