尾风边框不在角度上工作。即使说4px,也计算为0px
我永远无法让尾源边界工作。当我检查它时,它说有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>
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
我看到您的问题:您正在使用
border
与border-l-4
仅使用
border> border-l-4
:悬停班级应告诉您正在应用哪些样式。
I see your problem: You are using
border
together withborder-l-4
Use only
border-l-4
:Hovering the class should tell you what styles are applying.
很难看不见整个代码,但看起来您可能会缺少边框风格属性。
在尾风中:
tailwind-边界 - 边界风格
Hard to tell without seeing your whole code, but it looks like you could be missing the border-style property.
In Tailwind:
Tailwind - Border Style