如何使用"自由行(háng)"区块布局?

发布日期:2018-08-17
浏览次数:148
  

为了让广大站长们更好更快的进行网站编辑,起飞页特地新推出了"自由行"区块布局。什么是"自由行"区块?如何使用"自由行"区块?快来和小飞一起看看!



1. 插入自由行区块


在页面中点击"+"按钮,点击添加"自由行"布局;




2. 添加基础组件


然后我们可以在"自由行"布局中添加自己想要的基础元件,比如这里小飞分别添加了"文本"、"图片"和"按钮";




3. 自由拖拽调整组件位置和大小


接下来,我们就可以点击单个组件,拖拽调整位置,或是利用键盘上的上下左右箭头进行微调。当然,我们也可以选中全部组件将其作为一个整体,点击页面右方的多选操作(居左对齐、居中对齐、居右对齐、顶部对齐、垂直对齐、底部对齐、删除)。


"自由行"布局最典型的一个特征就在于它可以实现不同元素的叠加,比如将"按钮"和"文本"组件叠加到"图片"上(见下图),如果你想调整三者之间的层级顺序,可以点击组件右下键的"上下箭头"。



4. 手机端"自由行"布局调整


这里一定要注意,"自由行"区块是非响应式下的绝对定位。当我们调整好PC端的元素后,最好点击手机模式,进行相应元素的调整。

由于"自由行"区块是非响应式的,这意味着它不会随着屏幕分辨率大小的改变而出现相应的缩放效果。因此,建议大家在使用这一区块时,不要将内容设置的太过分散(位于屏幕中间最佳),以免有用户使用小屏幕设备时看不全网站内容。

当然,非响应式也有一个好处,那就是手机端和PC端的元素布局互不干扰,手机端布局的调整不会给PC端带来相应的改动。


1条评论,1人参与。

登录后即可发表评论,立即登录.

  热门教程