如何解决如何在顺风 CSS 中使用 calc()? theme()
我有这个 html:
<div class="container h-screen w-screen">
<div class="navBar h-7"></div>
<div class="content-container"></div>
</div>
我已将 .navBar 的高度设置为 h-7。 现在我想将 .content-container 的高度设置为 100vh-(h-7)。
我如何使用 calc() 来设置它?
解决方法
theme()
使用 theme()
函数通过点表示法访问您的 Tailwind 配置值。
当您只想为声明的一部分引用主题配置中的值时,这可能是 @apply
的有用替代方法:
.content-container {
height: calc(100vh - theme('spacing.7'));
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。