html - 带有 em 和 px 的 CSS 样式填充

Question

是否可以使用像素和 em 进行填充？例如，我可以加padding-left2em 加 1px 吗？像这样的东西...

padding-left: 2em + 1px;

score 19 · Accepted Answer

您正在寻找calc表达式。

例如：

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

请注意，（在撰写本文时）此属性仍被认为是实验性的。您可能需要检查caniuse以查看此表达式是否适用于您正在开发的所有浏览器。

score 1 · Accepted Answer

你可以这样做：

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

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

2 回答 2