javascript - 输入类型按钮使对象处于左、中、右位置

Question

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

我的意思的例子

按下左按钮的形状将移至屏幕左侧

按下右键的形状会转到屏幕右侧

按下中间按钮的形状会转到屏幕中间

Answer 1

我已经用 a working solution 更新了你的 fiddle 。一些提示:

1. 将您的 CSS 移至 <style>元素而不是内联编写。这可以避免像 <div style="min-height:450px"; style="min-width:600px"> 这样的拼写错误(两个单独的样式属性和一个错误的逗号)。
2. 使用margin: 0 auto;将 block 级元素居中。
3. 您的<rect>元素的宽度与其包含的 <svg> 不同元素，所以这使它表现得很奇怪。

我还给主<div>上色了红色只是为了更容易看到发生了什么。