TailwindCSS图像边界

Question

我正在尝试用image样式来样式一个border元素。但是，由于某种原因，当我试图向边框中添加更多宽度时，image元素上的浏览器不会获取它。它在任何其他事情上都能正常工作，但是当我将更大的width大小添加到border中时，就会出现错误。

有人能帮忙吗？下面是我的代码。

<img src={'https://i.ibb.co/SnDDJ99/45219372-2219308534767966-7383583342043594752-n.jpg'}
  alt='Oscar Self Portrait'
  className="
    border-4
    w-1/2
    rounded-full  
    my-4
    md:w-4/12   
    md:p-4"
/>

如果有人也能带领我解决这个问题，那就太好了。

Answer 1

您的代码似乎运行良好(请参阅沙箱：https://play.tailwindcss.com/wTAwcVx1CH)。

如果您检查尾风文档，您可以看到唯一支持的开箱即用的宽度是0、1、2、4 &8(例如border-8)。如果您需要其他宽度，可以通过将它们添加到您的tailwind.config.js文件(https://tailwindcss.com/docs/border-width#customizing-your-theme)或使用新的任意值格式(例如border-[5px] )来自定义它们。