html - TailwindCSS justity-between while ignoring child size

Question

How can I position those child divs absolutely regardless of their size? Like middle should be at the middle regardless of its neighbors sizes.

<link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet"/>
<div class="flex flex-row justify-between">
  <div>fsdf</div>
  <div>middle</div>
  <div>fsdfsdfsfsfsfsfsdfsfsdffsdfsfsfsdfsdfsdfsfsfsdfsdfdfsdfsfdsfs</div>
</div>

question from:https://stackoverflow.com/questions/65930045/tailwindcss-justity-between-while-ignoring-child-size

Answer 1

You can use grid if you want consistency among them. Check out Grid with equal width

<div class="grid grid-cols-3 break-words">
  <div class="col-span-1">fsdf</div>
  <div class="col-span-1">middle</div>
  <div class="col-span-1">fsdfsdfsfsfsfsfsdfsfsdffsdfsfsfsdfsdfsdfsfsfsdfsdfdfsdfsfdsfs</div>
</div>