组'calc()'CSS属性;使用保证金 shorthand?
Group 'calc()' CSS property; using margin shorthand?
是否可以缩短下面的内容,因为请注意值 [6.25% - 5px] 是如何相同的,实际上它应该只定义一次。
margin-top:calc(6.25% - 5px);margin-bottom:calc(6.25% - 5px)
更像是:
margin:calc(6.25% 0 0 - 5px)
但是,导致错误的是 [0 0] 部分,我的观点是在定义边距时 - 您应该始终使用 shorthand;单独定义每个方向。
为了说明这一点,我将其用于页脚:
[上边距]
联系方式
[边距底部]
语法,如果你想设置 top/bottom 和 left/right 边距,那么边距 shorthand 属性 是:
margin: TB_value LR_value
您似乎试图将其写成:
margin: TB_LR_value_value
不要将 0
放在 TB 值的中间。像往常一样把它们放在后面。无论如何,您只需要一个用于 L 和 R 值。
margin: calc(6.25% - 5px) 0;
是否可以缩短下面的内容,因为请注意值 [6.25% - 5px] 是如何相同的,实际上它应该只定义一次。
margin-top:calc(6.25% - 5px);margin-bottom:calc(6.25% - 5px)
更像是:
margin:calc(6.25% 0 0 - 5px)
但是,导致错误的是 [0 0] 部分,我的观点是在定义边距时 - 您应该始终使用 shorthand;单独定义每个方向。
为了说明这一点,我将其用于页脚:
[上边距]
联系方式
[边距底部]
语法,如果你想设置 top/bottom 和 left/right 边距,那么边距 shorthand 属性 是:
margin: TB_value LR_value
您似乎试图将其写成:
margin: TB_LR_value_value
不要将 0
放在 TB 值的中间。像往常一样把它们放在后面。无论如何,您只需要一个用于 L 和 R 值。
margin: calc(6.25% - 5px) 0;