是否可以使用像素和em进行填充?例如,我可以通过2em加1px添加padding-left
吗?像这样......
padding-left: 2em + 1px;
答案 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;
}