我能想到的三种方法：
1.使用最后一个子对象，它的宽度超出具有下边框的父对象的宽度。

<div class="tabs">
  <a class="tab tab-lifted tab-active" wire:click="omitted" id="tab1">Tab1</a>
  <a class="tab tab-lifted" wire:click="omitted" id="tab2">Tab2</a>
  <a class="tab tab-lifted" wire:click="omitted" id="tab3">Tab3</a>
  <a class="tab tab-lifted" wire:click="omitted" id="tab4">Tab4</a>
  <a class="tab tab-lifted" wire:click="omitted" id="tab5">Tab5</a>
  <span class="grow border-b border-base-300"></span>
</div>

1.使用1px高的线性渐变在父元素上绘制边框。

<div class="tabs bg-[linear-gradient(theme(colors.base-300),theme(colors.base-300))] bg-bottom bg-no-repeat bg-[length:100%_1px]">
  <a class="tab tab-lifted tab-active" wire:click="omitted" id="tab1">Tab1</a>
  <a class="tab tab-lifted" wire:click="omitted" id="tab2">Tab2</a>
  <a class="tab tab-lifted" wire:click="omitted" id="tab3">Tab3</a>
  <a class="tab tab-lifted" wire:click="omitted" id="tab4">Tab4</a>
  <a class="tab tab-lifted" wire:click="omitted" id="tab5">Tab5</a>
</div>

1.为父标签添加一个底部边框，并将子标签拉到边框上，使其与子标签对齐

<div class="tabs border-b border-base-300">
  <a class="-mb-px tab tab-lifted tab-active" wire:click="omitted" id="tab1">Tab1</a>
  <a class="-mb-px tab tab-lifted" wire:click="omitted" id="tab2">Tab2</a>
  <a class="-mb-px tab tab-lifted" wire:click="omitted" id="tab3">Tab3</a>
  <a class="-mb-px tab tab-lifted" wire:click="omitted" id="tab4">Tab4</a>
  <a class="-mb-px tab tab-lifted" wire:click="omitted" id="tab5">Tab5</a>
</div>

在this Tailwind Play中查看所有这些解决方案。