Tailwind css 边框问题

问题描述

我正在尝试通过在顺风 css 中使用 border-b-8 创建具有特定水平长度的边框,但它不起作用。相反,border-b-8 会影响边框的厚度,但不会影响水平长度。我该怎么做?

解决方法

顺风边框类仅影响边框的粗细或样式。 宽度由应用边框的容器的宽度决定。

你可以这样做:

<h2 class="w-1/2 border-b-2"> My Skills </h2>

在此示例中,边框将采用容器的宽度,设置为 w-1/2,即 50%