CODEWITHSUNDEEP
javascriptcss
sally
sally

Reputation: 1

how to expand width when overflow auto in javascript

How to expand width when overflow auto in javascript? I must use flex

enter image description here

enter image description here

  #testBox {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 200px;
  overflow-x: auto;
}

p {
  background: red;
}
<div id="testBox">
  <p>
    hihihihihihihihihihihihihihihihihihihihihihihihihihihihihihihihihihihihihihihihihihihihihi
  </p>

  <p>
    aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
  </p>
</div>

Upvotes: 0

Views: 61

Answers (1)

Nick Vu
Nick Vu

Reputation: 15540

You can add width: fit-content on p

#testBox {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 200px;
  overflow-x: auto;
}

p {
  background: red;
  width: fit-content;
}
<div id="testBox">
  <p>
    hihihihihihihihihihihihihihihihihihihihihihihihihihihihihihihihihihihihihihihihihihihihihi
  </p>

  <p>
    aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
  </p>
</div>

Upvotes: 2

Related Questions