javascript - オブジェクトを左、中央、右の位置に配置するための入力タイプボタン

Question

前の質問でこの質問を手伝ってくれましたが、cssの代わりにsvgを使用したいのですが、次のコードhttp://jsfiddle.net/Len1/wzNjm/3/がありますが、形状が右、中央になりません適切なボタンが押されたときに左に移動してください誰かが私を助けてくれますか

私が言っていることの例

左ボタンを押すと画面の左側に移動します

右ボタンを押すと画面の右側に図形が移動します

真ん中のボタンを押すと画面の真ん中になります

Answer 1

私はあなたのフィドルを実用的な解決策で更新しました。いくつかのヒント：

1. CSSを<style>インラインで記述するのではなく、要素に移動します。<div style="min-height:450px"; style="min-width:600px">これにより、 （2つの別個のスタイル属性と誤ったコンマ）のようなタイプミスを回避できます。
2. margin: 0 auto;ブロックレベルの要素を中央に配置するために使用します。
3. あなたの<rect>要素はそれを含む要素とは異なる幅だった<svg>ので、それはそれを奇妙に振る舞わせていました。

<div>また、何が起こっているのかを簡単に確認できるように、メインの赤に色を付けました。