大佬教程收集整理的这篇文章主要介绍了css – 使用带有自动边距的calc,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
SELEctor{margin: calc(auto + 5pX);
那么,如何使用它可以获取自动保证金和固定像素保证金?
像这样的东西!
你不能在那里使用auto,因为它不是calc()的有效值.
calc()的语法
term : unary_operator? [ numbER S* | PERCENTAGE S* | LENGTH S* | EMS S* | EXS S* | ANGLE S* | TIME S* | FREQ S* ] | StriNG S* | IDENT S* | URI S* | hexcolor | function | math ;
有关更多信息,请参阅Docs
正如您所评论的那样,您希望将div居中,但您还希望右侧的5px边距比使用text-align:center;在父元素上并使子div元素显示:inline-block;
产量
div.wrap { text-align: center; } div.wrap div { display: inline-block; height: 100px; width: 100px; color: #fff; } div.wrap div.with_margin { margin-right: 5px; BACkground: #f00; } div.wrap div.without_margin { BACkground: #000; }
以上是大佬教程为你收集整理的css – 使用带有自动边距的calc全部内容,希望文章能够帮你解决css – 使用带有自动边距的calc所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。