使用em和px的CSS样式填充

时间:2013-06-14 05:52:54

标签: html css

是否可以使用像素和em进行填充?例如,我可以通过2em加1px添加padding-left吗?像这样......

padding-left: 2em + 1px;

2 个答案:

答案 0 :(得分:16)

您正在寻找calc表达式。

https://developer.mozilla.org/en-US/docs/Web/CSS/calc

例如:

padding: -webkit-calc(2em + 1px);
padding: calc(2em + 1px);

警告,(在撰写本文时),此属性仍被视为实验性的。您可能需要检查caniuse以查看此表达式是否适用于您正在开发的所有浏览器。

答案 1 :(得分:1)

您可以这样做:

<div id="el">asdfasd</div>

#el {
    background-color:green;
    padding-left: 2em;
    margin-left: 1px;
}

Working Fiddle