2015-07-28 4 views
2

Можно ли сократить нижеследующее, так как обратите внимание на то, как значение [6.25% - 5px] является одинаковым, и действительно оно должно быть определено только один раз.Свойство CSS 'calc()' CSS; используя сокращенное поле?

margin-top:calc(6.25% - 5px);margin-bottom:calc(6.25% - 5px) 

что-то более, как:

margin:calc(6.25% 0 0 - 5px) 

Однако, это [0 0] часть, которая вызывает ошибку, и моя точка при определении запаса - вы всегда должны использовать сокращенную ; определяя каждое направление индивидуально.

Чтобы поставить это в контексте, я использую это для колонтитула:

[маржа-топ]


Контактная информация


[краю дна]

+2

'поле: известково (6,25% - 5px) 0' –

+1

Не будет сокращенным из 0 0 вычисляться для верхней и * слева * поля, а не верх и низ из них так или иначе? – BoltClock

+1

calc - выражение, которое возвращает одно значение. Вы можете предоставить расчёт для каждого из значений сокращения «margin», например: «margin: calc (6.25% - 5px) calc (30% - 50px)», чтобы иметь верхнее/нижнее поле с расчетом и левое/правое поле с расчетом. В вашем случае, поскольку left/right равен 0, вам нужен только один расчет, а другое значение - просто '0':' margin: calc (6.25% - 5px) 0'. – GolezTrol

ответ

2

Синтаксис, если вы хотите установить верхнее/нижнее и левое/правое поля, для сокращения краев Свойство:

margin: TB_value LR_value 

Похоже, что Вы пытаетесь написать:

margin: TB_LR_value_value 

Не помещайте 0 с в середине вашего значения ТБ. Поместите их после него, как обычно. Вам все равно нужен только для значений L и R.

margin: calc(6.25% - 5px) 0; 
Смежные вопросы