我怎样才能让这个盒子有相同的宽度？答案

【问题标题】：How can I make this boxes to have the same width?我怎样才能让这个盒子有相同的宽度？
【发布时间】：2020-04-20 11:32:52
【问题描述】：

我怎样才能使这两个框（我将拥有更多）与仅使用 tailwindcss 类的最宽的框具有相同的宽度？

<head>
<link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet"/>
</head>
<body>
    <div class="flex flex-wrap">
      <div class="max-w-xs border">
        <div class="flex flex-col items-center pt-6 pb-6 px-10">
          <p class="font-bold text-xl mb-5">Company1</p>
          <img class="h-16 mb-5" src="https://via.placeholder.com/150" />
          <p class="mb-2 text-center font-bold">Junior Ruby on Rails Developer</p>
          <p class="text-sm">11500 - 17750 (B2B)</p>
        </div>
      </div>
      <div class="max-w-xs border">
        <div class="flex flex-col items-center pt-6 pb-6 px-10">
          <p class="font-bold text-xl mb-5">Company2</p>
          <img class="h-16 mb-5" src="https://via.placeholder.com/150" />
          <p class="mb-2 text-center font-bold">Ruby on Rails Developer</p>
          <p class="text-sm">11500 - 17750 (B2B)</p>
        </div>
      </div>
    </div>
</body>

<div class="flex flex-wrap">
  <div class="max-w-xs border">
    <div class="flex flex-col items-center pt-6 pb-6 px-10">
      <p class="font-bold text-xl mb-5">Company1</p>
      <img class="h-16 mb-5" src="https://via.placeholder.com/150" />
      <p class="mb-2 text-center font-bold">Junior Ruby on Rails Developer</p>
      <p class="text-sm">11500 - 17750 (B2B)</p>
    </div>
  </div>
  <div class="max-w-xs border">
    <div class="flex flex-col items-center pt-6 pb-6 px-10">
      <p class="font-bold text-xl mb-5">Company2</p>
      <img class="h-16 mb-5" src="https://via.placeholder.com/150" />
      <p class="mb-2 text-center font-bold">Ruby on Rails Developer</p>
      <p class="text-sm">11500 - 17750 (B2B)</p>
    </div>
  </div>
</div>

【问题讨论】：

标签： tailwind-css

【解决方案1】：

将 flex-1 类添加到您的 div 中 <div class="max-w-xs border">。

// git diff

-  <div class="max-w-xs border">
+  <div class="max-w-xs border flex-1">

【讨论】：