html - 我希望 iframe 和 textarea 彼此相邻并居中。我怎样才能做到这一点？

Question

我希望 iframe 和 textarea 彼此相邻(想象一个中间有一条线的正方形)并且我希望它位于中间。我该怎么做？？

iframe{
    width: 80%;
    height: 20vh;

}

textarea{
  width: 80%;
  height: 20vh;

}

Answer 1

我不确定你所说的中间有一条线的正方形是什么意思；但我可以向您展示如何将 textarea 和 iframe 并排放置。

iframe{
width: 70%;
height: 20vh;
display:inline;
 }

 textarea{
 width: 20%;
height: 20vh;
display:inline;
  }

根据你想要的比例，改变宽度即可。确保不要将其设为 100%，因为您必须考虑边距填充等。