margin-auto

ui

src

TSX
export default function Page() {
    return (
        <div className="flex justify-center flex-wrap gap-10">

            {/* 子元素无大小设置 */ }
            <div className="size-64 border border-dashed relative">
                <div className="absolute bg-teal-400 inset-1/8"/>
            </div>

            {/* 子元素有大小设置 */ }
            <div className="size-64 border border-dashed relative">
                <div className="absolute bg-rose-500 size-3/4 top-1/2 left-1/2 -translate-1/2"/>
            </div>

            {/* 子元素有大小设置 */ }
            <div className="size-64 border border-dashed relative">
                <div className="absolute bg-yellow-400 size-3/4 inset -0 m-auto"/>
            </div>

        </div>
    )
}

video