在TailWind CSS中,如果我使用用于计算的实用程序,例如:

right-[calc(-50vw+50%)]

这与预期的一样有效.我有一些属性正在try 添加到元素中,但似乎不知道如何使用tailwind 实用程序使其工作:

 .element {
    width: 100vw;
    max-width: 100vw;
    margin: 0 calc(-50vw + 50%);
  }

推荐答案

使用mymx:

class="my-0 mx-[calc(-50vw_+_50%)]"

Css相关问答推荐

为什么图像加载请求没有显示在我的网络请求中?

如何提高数学输出的质量?

转换间隙值时基于百分比的弹性元素&跳转

在NextJS/Reaction应用程序中显示更新问题

Angular 17 Animation -在幻灯片左/右两侧同步

为什么我的容器的弹性包裹会导致我的自动填充网格添加额外的空轨道行?

当具有外部高度的网格项溢出时,为什么溢出滚动端口填充不应用于网格容器?

无法在 React 组件 (TypeScript) 中应用 Tailwind CSS 类

如何使用 tailwind css 修复滚动条始终位于底部?

没有字母间距的CSS悬停边框

使用 flexbox 使图像与内容高度相同

适合剩余高度

基于内容显示(show)/隐藏(hide)同级div

表格的边框半径没有按预期工作

如何动态生成用逗号分隔的类列表?

如何将 bootstrap 列高设为 100% 行高?

IE划掉伪元素CSS?

输入和文本字段中的背景 colored颜色

是否允许在链接中嵌套链接?

将样式应用于第一行的单元格