前言

Elementor中用「容器把元素置中」的設定其實很易懂，較沒啥問題，但遇上「用大容器把小容器置中」就有些新手會遇上怎樣都無法順利置中的問題，這邊就特立一篇來說明。

「用大容器把小容器置中」就有些新手會遇上怎樣都無法把小容器順利置中的問題，其原因是出在「小容器」本身的設定，這是為什麼呢？

說明

用大容器如何把小容器水平置中?

當大容器Container包住小容器Container時，一般只要在大容器的items做下圖的設定，則大容器中的小容器就會置中，

為何水平置中無效？

但「小容器」有時候無法放置中或靠右，其原因就是「小容器」的內容寬度並沒有設成「全寬」後再調數值(%或px)，故小容器的外圍框線仍然是向左右延伸到大容器的邊邊，故當外面大容器設定了置中時，小容器仍無法看出有置中的效果，只要把小容器的內容寬度並改設成「全寬」就可以立即看出有置中的效果了。

影片範例

▼比較一下”內容寬度”設成方框與全寬之差異

結論

原理懂了，以後就把握一個原則 : 

以後不管是大容器或被包在大容器中的小容器，一律設成「全寬」就沒有問題了!