2012-01-31 7 views
1

position: absolute要素の配置を支援するツールはありますか?おそらくJSブックマークレット。それは他に何もしないでください。 HTMLに触れてはいけません。CSS位置の絶対値を調整するツール

保存は、生成されたCSSをテキストエリアに出力することで実現できます。

また、「エッジにスナップ」や「アライメントガイド」のような機能を備えていれば、要素同士を簡単に揃えることができます。

編集:これは、ドラッグアンドドロップでの配置を支援するはずです。

+0

のjQuery-UI、 "ドラッグ" "dropable" と "位置" に外観を持っています。このページはあなたを助けるかもしれません:http://jqueryui.com/demos/position/ – sinsedrix

+0

@sinsedrix私は既存のツールがあるかどうか尋ねていました。 jQのUIは、私がそのようなツールを構築するためのlibです。 – Znarkus

+0

申し訳ありませんが、私はそのようなツールを知らないので、これは私が答えなかった理由です。しかし、私はそれを構築することはそれほど難しくないと思います。がんばろう。 – sinsedrix

答えて

1

これらのブックマークレットは、ユーザーが必要とするものではありませんが、ページ上の要素を揃えるのに役立ちます。

http://www.sprymedia.co.uk/article/Rule

http://www.sprymedia.co.uk/article/Unit

+0

+1ありがとう、最高の答えは、これまでのところ、誰が投票したか分からない。それは私が望むもの(ドラッグ・ドロップ要素)とまったく同じではありませんが、近いです。より良い方が来るまで受け入れます。 – Znarkus

+0

ありがとうございます。そのサイトでもう一つ注目すべきことはhttp://www.sprymedia.co.uk/article/gridです。 ところで、これまでに見つかったことや関連性が高い場合は、私に知らせてください。私はクールなブックマークレットのコレクターです。実際、私はこの要求に気付いていて、いつかそれを作るかもしれません。 A –

0

アウト放火犯アドオンがFirefox用(他のブラウザのアドオンがある場合はIDKの)

+0

私は十分にはっきりしていませんでした。ドラッグ・アンド・ドロップでの配置を支援したいと思います。回答ありがとうございます – Znarkus

0

用途:

  • のWebkit /オペラのWebインスペクタ
  • それとも放火犯
  • JavaScript:document editableもお役に立ちます

ドラッグアンドドロップの場合。 DreamweaverやMuseのようなWYSYWIGエディタを使用します。

+0

DreamweaverやMuseをCSSの 'left'と' top'以外のものに制限することはできますか?通常、私は10フィートのポールでこれらのアプリケーションに触れません。 – Znarkus