Javascript 旧代码在今天早些时候工作，与css代码重叠_Javascript_Html_Css

Javascript 旧代码在今天早些时候工作，与css代码重叠

javascript html css

Javascript 旧代码在今天早些时候工作，与css代码重叠,javascript,html,css,Javascript,Html,Css,我今天早些时候做的假设它是一个圆内的矩形。它在圆圈中完全对齐代码：我希望我的输出是圆形内的矩形（用于优化问题）。但我的实际输出却不太清楚（在我今天离开学校之前，它是完美的，我必须保存错误的版本）。可能是这样的： <html> <body> <script> document.write("<span class='parent'><span class='child r'> ▭&l

我今天早些时候做的

假设它是一个圆内的矩形。它在圆圈中完全对齐

代码：

我希望我的输出是圆形内的矩形（用于优化问题）。但我的实际输出却不太清楚（在我今天离开学校之前，它是完美的，我必须保存错误的版本）。

可能是这样的：

<html>

  <body>

    <script>
      document.write("<span class='parent'><span class='child r'> &#9645;</span>" + "<span class='child c'>&#9711;</span></span>".fontsize(4) + "<br>");

    </script>
    <p>
    &nbsp;
    </p>
    Determine the area of the largest rectangle that can be inscribed in a circle of radius 4.
  </body>

</html>

不确定我是否理解：您是否使用修订控制来确保您可以回滚到今天早些时候，并将您当时拥有的与现在拥有的进行比较？如果没有：开始使用修订控制（git、svg、hg，即使您只在本地编写代码，这仍然是它们真正的用途：在工作时拍摄文件的快照，这样当它们不再工作时，您就可以回滚到一些内容），试图弄清楚我把事情搞砸了。我所拥有的和我被赋予的使这个幻觉成为可能的东西是相似的。不知道出了什么问题。因此，1个符号在底部，第2个符号在顶部，然后我将圆圈变大，然后将矩形移动一点，使其位于圆圈的中心，不是在字符

▭？嗯，你在决定使用css和文本来制作形状时把事情搞砸了。如果我没弄错的话2px
在圆中完全对齐。是否要使用画布？我之前尝试过画布，但可能会返回使用该画布
.parent{

position : relative
}
.child.c{
position : absolute

}
.child.r{
   left : 2px;
position : absolute
}

<html>

  <body>

    <script>
      document.write("<span class='parent'><span class='child r'> &#9645;</span>" + "<span class='child c'>&#9711;</span></span>".fontsize(4) + "<br>");

    </script>
    <p>
    &nbsp;
    </p>
    Determine the area of the largest rectangle that can be inscribed in a circle of radius 4.
  </body>

</html>

.parent {

  position: absolute;
}

.child.c {
  position: relative;

}

.child.r {
  left: 2px;
  top: 7px;
  position: absolute;
}