Я хочу, чтобы iframe и textarea были рядом друг с другом (представьте квадрат с линией посередине), и я хочу, чтобы он был как бы посередине. Как мне это сделать??

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

}

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

}
0
NhungN

2 ответа

Поместите их в div следующим образом:

<div>
  <iframe>
  </iframe>

  <textarea>
  </textarea>
</div>

и затем добавьте CSS:

div {
 display: flex;
 justify-content: center;  /* centers the children */
}

а затем стиль границ и остальное, как вы хотите:

Я не уверен, что вы подразумеваете под квадратом с линией посередине; но я могу показать вам, как поместить текстовую область и iframe рядом.

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

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

В зависимости от соотношения, которое вы хотите, просто измените ширину. Удостоверьтесь, что не сделали это 100%, потому что вы должны учитывать отступы и т. Д.

58552328