输入类型按钮，用于获取左，中，右位置的对象

Question

我在之前的问题中确实有过这个问题的帮助，但现在我想使用svg而不是css我有以下代码http://jsfiddle.net/Len1/wzNjm/3/但是当相应的按钮时，形状不会向右，中间和左侧移动有人请帮助我

我的意思的例子

左键按下的形状出现在屏幕左侧

右键按下的形状出现在屏幕右侧

按下中间按钮的形状进入屏幕中间

Answer 1

我用a working solution更新了你的小提琴。一些提示：

1. 将您的CSS移动到<style>元素，而不是将其写入内联。这避免了像<div style="min-height:450px"; style="min-width:600px">这样的拼写错误（两个单独的样式属性和一个错误的逗号）。
2. 使用margin: 0 auto;将块级元素居中。
3. 您的<rect>元素的宽度与包含<svg>元素的宽度不同，因此使其行为异常。

我还将主<div>红色着色，以便更容易看到正在发生的事情。