如(rú)何用好(hǎo)(hǎo)容器(qì)組件

容器(qì)是個很方便的組件，靈活用好(hǎo)(hǎo)容器(qì)，可以提高你的頁面設計效率，那麽下(xià)面我們用示例來看下(xià)如(rú)何操作(zuò)。

一(yī)、容器(qì)内的組件可以随容器(qì)一(yī)起被複制。比如(rú)：容器(qì)内有文字、圖片等組件，複制容器(qì)時，文字和圖片組件也(yě)會同時被複制。那麽我們可以利用這個特性做很多事(shì)情。

比如(rú)頁面上(shàng)有很多類似的标題

那麽 我們可以先在容器(qì)内做一(yī)個出來

然後複制，容器(qì)内的文字都會随着容器(qì)被一(yī)起複制過來，那麽剩下(xià)的隻需要修改裏面的文字就(jiù)可以很快(kuài)速的做出多個标題來。

同理(lǐ)，在内頁上(shàng)我們會有很多類似的二級欄目和導航标題以及其他一(yī)些(xiē)相同的内容，也(yě)可以放(fàng)在容器(qì)中，通過複制，修改相關内容達到快(kuài)速實現效果的目的。

隻需在容器(qì)内做一(yī)個列表出來，剩下(xià)兩個複制粘貼，修改圖片和列表的來源就(jiù)可以得到相同的設計效果了(le)。

這裏在告訴大家一(yī)個小竅門，當複制出三個列表容器(qì)以後，将最邊上(shàng)的兩個貼到系統輔助線的邊上(shàng)。

然後，在沒有選中任何組件的情況下(xià)，按住Ctrl鍵，逐一(yī)選中三個列表容器(qì)，然後點擊上(shàng)面工具欄的上(shàng)對齊

然後點擊橫向等間距對齊

那麽三個列表項就(jiù)很輕松的對齊了(le)

二、用容器(qì)組合多個組件。下(xià)面的圖上(shàng)就(jiù)是利用容器(qì)做的色塊，透明的背景都是用一(yī)個很小的透明背景png圖片來做的，裏面的人(rén)物和文字按照需要放(fàng)入到容器(qì)内，拖動容器(qì)，就(jiù)可以很輕松的将裏面的内容一(yī)齊拖到想要的地方。輕松的移動也(yě)會大大提高你的設計效率。