输入类型按钮，用于将对象置于左、中、右位置

input type buttons to get the object in left, middle and right position

本文关键字：于左 位置 对象 按钮 类型 用于 输入      更新时间：2023-09-26

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

我的意思的例子

按下左键的形状转到屏幕左侧

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

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

我已经用一个有效的解决方案更新了你的小提琴。一些提示：

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

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

相关文章：