多選中(2 個元素)
Shift+點擊可加選/取消加選;拖曳、方向鍵、Delete 對整組生效。對齊與分佈用「相對偏移」實現,不會改變文件結構。
目前選取
div
連結
可貼完整網址或頁內錨點(#開頭);非連結元素設定後會自動包上連結。編輯模式中點擊不會跳轉,請用「預覽模式」或匯出後測試。
圖片
拖曳選取框周圍的控點可縮放大小(角落為等比);上傳與裁切後的圖片會內嵌到 HTML 檔案中。網路圖片如受跨網域限制無法裁切/旋轉,請先「上傳替換」為本機圖片。
影片
拖曳選取框周圍的控點可縮放大小(角落為等比)。瀏覽器規定「自動播放」必須搭配靜音才會生效。
多欄佈局(容器)
對「容器」元素(例如包住多張卡片的區塊)設定,可讓子元素橫向並排或調整間距;用底部的「元素路徑」較容易選到容器。
位置、旋轉與圖層
選取後直接拖曳即可移動(自動吸附粉紅色對齊參考線);方向鍵微調 1px、Shift+方向鍵 10px。移動只做「相對原位置」的偏移,不會破壞整體排版。
注意:「圖層順序」只影響重疊時誰蓋住誰;要改文件前後順序用上方「上移/下移」;左側「文件結構」樹是整份文件的元素階層,三者是不同概念。