如何使用"自由行（háng）"區塊布局？
如何使用"自由行（háng）"區塊布局？
發布日期：2019-08-17
瀏覽次數：1674
為了讓廣大站長們更好更快的進行網站編輯，起飛頁特地新推出了"自由行"區塊布局。什么是"自由行"區塊？如何使用"自由行"區塊？快來和小飛一起看看！
1. 插入自由行區塊
在頁面中點擊"＋"按鈕，點擊添加"自由行"布局；
2. 添加基礎組件
然后我們可以在"自由行"布局中添加自己想要的基礎元件，比如這里小飛分別添加了"文本"、"圖片"和"按鈕"；
3. 自由拖拽調整組件位置和大小
接下來，我們就可以點擊單個組件，拖拽調整位置，或是利用鍵盤上的上下左右箭頭進行微調。當然，我們也可以選中全部組件將其作為一個整體，點擊頁面右方的多選操作（居左對齊、居中對齊、居右對齊、頂部對齊、垂直對齊、底部對齊、刪除）。
"自由行"布局最典型的一個特征就在于它可以實現不同元素的疊加，比如將"按鈕"和"文本"組件疊加到"圖片"上（見下圖），如果你想調整三者之間的層級順序，可以點擊組件右下鍵的"上下箭頭"。
4. 手機端"自由行"布局調整
這里一定要注意，"自由行"區塊是非響應式下的絕對定位。當我們調整好PC端的元素后，最好點擊手機模式，進行相應元素的調整。
由于"自由行"區塊是非響應式的，這意味著它不會隨著屏幕分辨率大小的改變而出現相應的縮放效果。因此，建議大家在使用這一區塊時，不要將內容設置的太過分散（位于屏幕中間最佳），以免有用戶使用小屏幕設備時看不全網站內容。
當然，非響應式也有一個好處，那就是手機端和PC端的元素布局互不干擾，手機端布局的調整不會給PC端帶來相應的改動。
熱門教程
1條評論，1人參與。