小伙伴們,我們的男神胡奎老師又來了~~OMG,今天的重點(diǎn)是什么呢衔蹲?學(xué)它肢娘!
一呈础、 人工對(duì)齊
a) 單個(gè)或者二三個(gè)的元素對(duì)齊,肉眼還是可以識(shí)別的橱健。
b) 如果是上百個(gè)元素呢而钞?而且要求上下左右間更相等難道還是靠肉眼人工識(shí)別嗎?
c) OMG 超煩躁哈~
二拘荡、 小案例操作
a) 單個(gè)元素的對(duì)齊
i. 怎么確保原點(diǎn)是在頁面的最中間臼节,拖住圓形按住鼠標(biāo)不放。左右拖動(dòng)的某一位置后珊皿,出現(xiàn)了兩條虛線后就出現(xiàn)了智能參考線网缝。
b) 兩個(gè)元素的對(duì)齊
i. 先拖動(dòng)一個(gè)元素與令外一個(gè)水平對(duì)齊,拖動(dòng)后就出現(xiàn)兩條參考線蟋定,橫縱線都要參考線的位置上粉臊,兩個(gè)元素就能對(duì)齊。
ii. 利用參考線還能做出比較好的效果驶兜,左右兩邊還能出現(xiàn)帶箭頭的紅線扼仲,說明左右兩筆的距離是一樣的。所以兩個(gè)元素的對(duì)齊也可以用到只能參考線抄淑。
c) 多個(gè)元素的對(duì)齊呢
i. 也是可以的左右拖動(dòng)屠凶,大小靠近間距相等。
ii. 這樣操作效率低肆资。
三阅畴、 對(duì)齊工具
a) 選中四個(gè)元素,點(diǎn)擊形狀格式迅耘。選擇垂直居中贱枣。
b) 如果橫向相等,選擇橫向分部就間隔相等了颤专。
c) 如果縱向?qū)R纽哥,選擇水平居中。選擇縱向分部時(shí)縱向間隔相等了栖秕。
四春塌、 islide插件
a) 輕松搞定上百個(gè)元素的對(duì)齊,選中所有元素簇捍,點(diǎn)擊排版設(shè)計(jì)只壳,矩陣布局。
b) 橫向數(shù)量暑塑、橫向間距吼句、縱向間距 矩陣的元素
c) 可以選中所有元素點(diǎn)擊形狀格式,對(duì)齊水平居中事格、垂直居中放在頁面的最中央惕艳。是不是非掣阋快呢?
總結(jié):快速對(duì)齊远搪,利用智能參考線劣纲,輕松搞定少量元素對(duì)齊。
PPT自帶的對(duì)齊工具谁鳍,大量元素快速對(duì)齊超輕松癞季。
islide 插件,復(fù)雜對(duì)齊也能一鍵完成
恭喜你又學(xué)會(huì)一個(gè)新技巧哈倘潜。馬上練習(xí)起來吧~我們一起輕松搞定PPT.
感悟:堅(jiān)持把簡單的事做好就是不簡單绷柒,堅(jiān)持把平凡的事情做好就是不平凡。所謂成功窍荧,就是在平凡中做出不平凡的堅(jiān)持。加油~