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

Question

我希望 iframe 和 textarea 彼此相邻（想象一个中间有一条线的正方形），并且我希望它位于中间。我怎样才能做到这一点？？

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

}

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

}

标签： htmlcssiframetextarea

Answer 1

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

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

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

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