布局
更新時(shí)間:
為方便您對(duì)網(wǎng)站的全面規(guī)劃、布置,使各模塊間更清晰,您可使用布局控件,布局控件內(nèi)可放置多種其他控件。本文介紹如何添加及設(shè)置布局控件。
布局類控件的作用
布局類控件的作用圖示如下:
添加布局控件步驟
單擊
。選擇所需布局控件,可參考下表進(jìn)行選擇。容器名稱
顯示效果
注意事項(xiàng)
容器
可調(diào)整寬、高
無(wú)
自適應(yīng)布局
寬度自適應(yīng)屏幕最大寬度
為避免出現(xiàn)顯示問(wèn)題,自適應(yīng)布局與自適應(yīng)布局間請(qǐng)勿互相嵌套使用
標(biāo)簽布局
多欄,可調(diào)整寬高
無(wú)
多欄布局
多欄,可設(shè)置高度,寬度可選擇通欄/頁(yè)面寬度可設(shè)置每一欄的比例
無(wú)
選擇后,在頁(yè)面內(nèi)合適位置單擊即可添加成功。
說(shuō)明
使用布局類控件時(shí),應(yīng)多查看層次,方便您縷清結(jié)構(gòu)。
將容器控件放入標(biāo)簽布局控件中,再在容器中放置按鈕、圖片等,可設(shè)計(jì)出精美的導(dǎo)航。如需觀看標(biāo)簽布局的視頻請(qǐng)單擊標(biāo)簽控件的使用。
設(shè)置容器控件
選中容器控件,單擊
,可設(shè)置容器背景、容器邊框、容器陰影。動(dòng)效:選中控件,單擊
,可設(shè)置容器動(dòng)畫效果。排列:選中控件,單擊
,可設(shè)置容器尺寸及位置。
設(shè)置自適應(yīng)布局控件
選中自適應(yīng)布局控件,單擊
,可切換樣式、設(shè)置通欄背景。選中自適應(yīng)布局控件,單擊
,可設(shè)置高度(自適應(yīng)布局寬度自適應(yīng))及位置。
設(shè)置標(biāo)簽布局控件
選中標(biāo)簽布局控件,單擊
,可設(shè)置默認(rèn)狀態(tài)下的標(biāo)簽樣式、區(qū)域內(nèi)容樣式、陰影;懸停、選中狀態(tài)下的標(biāo)簽樣式。選中標(biāo)簽布局控件,單擊
,可增加標(biāo)簽、刪除標(biāo)簽、編輯標(biāo)簽名稱、標(biāo)簽鏈接、標(biāo)簽鏈接的打開方式。交互:選中控件,單擊
,可設(shè)置標(biāo)簽切換方式。排列:選中控件,單擊
,可設(shè)置標(biāo)簽尺寸及位置。
設(shè)置多欄布局控件
選中多欄布局控件,單擊
,可設(shè)置寬度、比例、列間距、背景。選中多欄布局控件,單擊
,可增加欄目、刪除欄目、編輯欄目名稱及欄目背景。排列:選中控件,單擊
,可設(shè)置多欄布局尺寸及位置。
鎖定位置功能
選中控件時(shí),單擊像鎖一樣的圖標(biāo)按鈕,可鎖定當(dāng)前位置。
刪除控件功能
選中控件時(shí),單擊像廢紙簍一樣的圖標(biāo)按鈕,可刪除此控件。
文檔內(nèi)容是否對(duì)您有幫助?