下圖每個小logo圖案距離它們的上參考線的距離均為10px,而我們如何讓圖層在畫布內水平居中???
如上圖中三個圖層的圖案是用來給Html/Css中的background屬性使用的,雖然可以通過鼠標拖拽小圖標居中,但是這很費勁,有沒有更簡便的方法呢?答案是肯定的,這時候我們只需選中所有的圖層(如下圖)
緊接着按鍵盤【ctrl+A】可以看到如下圖的“蟻行線”
最后點擊
這樣小logo就水平居中了,省去我們用鼠標拖拽不精確的麻煩,本文只是簡單介紹在制作css sprite圖片中的小技巧。
【補充】對於web前端切圖來說
移動工具(快捷鍵V),
矩形工具(快捷鍵M),
吸管工具(快捷鍵I),
切片工具(快捷鍵C),
抓手工具(快捷鍵H),
縮放工具(快捷鍵Z)
等都是經常得用到的工具。