Positionable！

Positionable！插件简介

Positionable！插件描述

Positionable is a developer tool that lets you quickly manipulate elements the way you would in an image edit. Familiar wkflows like dragging, nudging, align/distribute,  undo make it simple to place elements exactly where you need them to be. Once youre ready, you can copy styles to the clipboard  save them to disk. Designed f rapid styling, prototyping, wking with sprites, etc.

PLEASE POST ISSUES HERE (with demo if possible):
https://github.com/rewplummer/Positionable/issues

By default, it wks on absolute  fixed positioned elements, however you can set a CSS select to target exactly the elements youre interested in. Static elements will be fced to position "relative".

When wking with sprites, you can similarly use both the mouse  keyboard to move the background position. Alternatively, double clicking on the background will detect contiguous sprites  snap the element dimensions  background position to match.

Wk with multiple elements by dragging to select  holding SHIFT. All selected elements will move together,  can be aligned  distributed just as in popular image editing software.

Other features like rotation, undo, zindex dering,  background "peeking" make positioning elements a breeze!
                                

Positionable！插件离线安装方法

1.首先用户点击谷歌浏览器右上角的自定义及控制按钮，在下拉框中选择设置。

2.在打开的谷歌浏览器的扩展管理器最左侧选择扩展程序或直接输入：chrome://extensions/

3.找到自己已经下载好的Chrome离线安装文件xxx.crx，然后将其从资源管理器中拖动到Chrome的扩展管理界面中，这时候用户会发现在扩展管理器的中央部分中会多出一个”拖动以安装“的插件按钮。

4.下载 Positionable！Chrome插件v2.1.2版本到本地。

5.勾选开发者模式，点击加载已解压的扩展程序，将文件夹选择即可安装插件。

注意：最新版本的chrome浏览器直接拖放安装时会出现“程序包无效CRX-HEADER-INVALID”的报错信息，参照这篇文章即可解决