文章 专题 AI工具 学习 下载 问答 源码 最近更新
PHP
会员中心 讲师中心 微信公众号
React MUI顺时针填充属性
P粉312195700
P粉312195700 2023-07-25 10:17:02
[CSS3讨论组]
0 1 769
举报
<p>MuiBox是否具有任何填充的简写属性？用于顺时针语法？</p><p>这种写法是无效的，并会导致语法错误。</p> <pre class="brush:php;toolbar:false;">&lt;Box padding = {2 1 1 2}/&gt;</pre> <p><br /></p>
P粉312195700
P粉312195700

全部回复(1)
P粉950128819
P粉9501288192023-07-26 09:59:00 1楼

直接来说，不会有这样的简写属性，padding/p属性只接受单个间距值。如果您不想使用提供的长手属性（pt、pr、pb、pl），并且由于某种原因需要将它们作为列表传递，最好的方法是提供一个函数给padding/p属性，从中Box可以派生出值（如果您不想使用sx）。例如：

<Box
  padding={(theme) => theme.spacing(2, 1, 1, 2)}
/>

可运行的CodeSandbox示例代码：: https://codesandbox.io/s/box-padding-example-r6v28m?file=/demo.tsx

赞 +0
添加回复
专题推荐
更多>
热门话题
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
app下载
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部