如何設置標簽模塊的高度自適應

一、功能效果

標簽模塊高度自適應的效果

不同標簽之間的內容高度不一樣，標簽模塊的整體高度會隨著標簽內容高度的變化而變化。例如，由于標簽“產品展示1”的內容較多，當從標簽“產品展示1”切換到標簽“產品展示2”時，標簽模塊的整體高度會發(fā)生改變。

二、功能說明

【版本】無版本限制

三、設置教程

1.1 進入電腦網站設計頁面，在頁面做成導航點擊【模塊-排版】，新增一個【橫向標簽】或【縱向標簽】。教程以縱向標簽模塊為例。

1.2 鼠標懸停在縱向標簽模塊上，點擊左上角的【編輯縱向標簽】按鈕，在彈窗內選擇【高級】，勾選【獨立設置標簽高度】。

1.3 添加功能模塊到縱向標簽模塊中。這里以【產品展示】模塊為例，添加兩個產品展示模塊到縱向標簽模塊中，在【產品展示1】模塊中添加8個產品，在【產品展示2】模塊中添加4個產品，由于兩個模塊的內容高度不一樣，因此在兩個模塊間切換時，標簽的整體高度會變化，如圖。

四、注意事項

當添加【文本模塊】、【圖片模塊】、【按鈕模塊】到標簽模塊內時，由于這三個模塊默認是會被放置在自由容器內，因此添加這三個模塊到標簽模塊內，都相當于添加了自由容器到標簽模塊內。

由于自由模塊的默認高度是固定的，因此當添加這三個模塊到標簽模塊內時，勾選了獨立設置標簽高度后，還需要手動調整自由容器的內容高度，才能實現標簽模塊高度自適應的效果。