尾风边框不在角度上工作。即使说4px,也计算为0px

发布于 2025-02-10 05:31:02 字数 1031 浏览 2 评论 0原文

我永远无法让尾源边界工作。当我检查它时,它说有4px,但是当我去计算时,它说0px。我不知道是什么覆盖了。我没有CSS文件,所以不是。

  <h2 class="text-center">Angular Training</h2>
  <div class="grid md:grid-cols-2 gap-10 mt-6">
    <div class="w-4/5">
      <h4>Public Angular Training</h4>
      <div class="border border-l-4 border-indigo-500">
        <p>
          Buy a ticket for our live, instructor-led, <b>online</b>
          classes. Ask questions, get help, and workshop your code in real-time.
        </p>
        <p>
          <img
            class="float-right pt-5 ml-1"
            alt="map"
            src="assets/images/map2small.png"
            width="150"
          />Or, attend Angular Boot Camp <b>in-person</b> in
          <abc-cities></abc-cities>
          and others.
        </p>
      </div>

整个页面显示在哪里,以及

I can never get the tailwind borders to work. When I inspect it, it says there's 4px, but when I go to Computed, it says 0px. I don't know what's overriding it. I don't have a CSS file, so it's not that.

  <h2 class="text-center">Angular Training</h2>
  <div class="grid md:grid-cols-2 gap-10 mt-6">
    <div class="w-4/5">
      <h4>Public Angular Training</h4>
      <div class="border border-l-4 border-indigo-500">
        <p>
          Buy a ticket for our live, instructor-led, <b>online</b>
          classes. Ask questions, get help, and workshop your code in real-time.
        </p>
        <p>
          <img
            class="float-right pt-5 ml-1"
            alt="map"
            src="assets/images/map2small.png"
            width="150"
          />Or, attend Angular Boot Camp <b>in-person</b> in
          <abc-cities></abc-cities>
          and others.
        </p>
      </div>

Entire page showing where it should be and how big

Computed to 0px

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

别低头,皇冠会掉 2025-02-17 05:31:03

我看到您的问题:您正在使用borderborder-l-4

仅使用border> border-l-4

  <div class="border-l-4 border-indigo-500">

悬停班级应告诉您正在应用哪些样式。

I see your problem: You are using border together with border-l-4

Use only border-l-4:

  <div class="border-l-4 border-indigo-500">

Hovering the class should tell you what styles are applying.

enter image description here

伴梦长久 2025-02-17 05:31:03

很难看不见整个代码,但看起来您可能会缺少边框风格属性。

在尾风中:

border-solid

tailwind-边界 - 边界风格

Hard to tell without seeing your whole code, but it looks like you could be missing the border-style property.

In Tailwind:

border-solid

Tailwind - Border Style

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文