之前的帮助文档已经提过软件的布局模式,是属于相对定位,虽然学起来比拖到哪就是哪的方式稍微复杂点,但是他是属于标准的网页布局模式,代码不冗余,更易被搜索引擎理解,并且在复杂的嵌套场景中比绝对定位更易操作、而且组件间的间距和尺寸更标准,是深受开发、设计、制作人员受欢迎的模式,可以说学会了本软件的这种布局模式,您也掌握了这种技艺。
这里我们详细的介绍一下软件的这种布局模式。
软件采用的相对定位模式,遵循这几个规律:从左到右依次排列、排列不下即换行、组件必须包含在布局层内。
当我们拖动一个组件时,都是相对于另外一个组件的,我们可以把他拖动到另外的这个组件的“前面”或“后面”。假设有两个“文字”组件,我们将“文字A”,用鼠标左键按住,拖动到“文字B”的后面,然后释放鼠标左键。
开始拖动:
拖动中:
拖动完毕:

同理,每个布局层,也是遵循相对定位。我们将鼠标移至模块边框外侧,出现橙色框后,用鼠标左键按住,拖动到另外一个布局层的后面,然后释放鼠标左键,可以看到位置已经发生变动。
开始拖动:
拖动中:
拖动完毕:
如果达不到这个效果,可以采用布局层换行的方式,这个牵涉到布局层嵌套,这里先了解下,接下来的章节中会详细介绍,如图: