Aligner

Align DOM elements just like photoshop/illustrator aligner does. Demo.

npm install aligner

var align = require('aligner');
 
var els = document.querySelectorAll('div');
 
//align all elements by the left edge.
align(els, 'left');

API

align(elements, alignment?, alignTarget?) - align element according to the params passed.

• elements - a set of elements to align
• alignment values: 'top', 'bottom', 'left', 'right', 'center' (centered align by x), 'middle' (centered align by y), a number [0..1] to align by x, or array [xAlign?, yAlign?], where alignment is a number [0..1]. Default is 0 (align left).
• alignTarget is an element to perform alignment relative to, by default it’s the first element in elements.