我有一个大<div>
,里面有三个小<div>
,内联.它们每个都有33%的宽度,但这会导致一些对齐问题,因为3*33%=<div>
%.在这样的CSS中表示完美的三分之一的最佳方式是什么?也许只有33.33%?
我有一个大<div>
,里面有三个小<div>
,内联.它们每个都有33%的宽度,但这会导致一些对齐问题,因为3*33%=<div>
%.在这样的CSS中表示完美的三分之一的最佳方式是什么?也许只有33.33%?
现在calc
在现代浏览器中是widely supported,你可以使用:
#myDiv {
width: calc(100% / 3);
}
或者,如果您的浏览器不支持此功能,您也可以将其用作后备选项:
#myDivWithFallback {
width: 33.33%;
width: calc(100% / 3);
}