一尘不染

CSS中零像素的大小是否带有“ px”后缀?

css

谷歌搜索这个问题的答案非常困难,因此我认为这里的人应该知道。

在CSS中,我看到零像素声明为简单的“ 0”,也声明为“ 0px”。

mystyle { width: 0; }

anotherstyle { width: 0px; }

“ 0”的次要问题是,如果将其更改为某个非零值,则可能会忘记添加“ px”。而当将值设为“ 0”时,您可能会忘记删除“
px”。我想要代码中的纯粹一致性,像这样的小事情让我发疯。

这是否真的归结为个人喜好,例如缩进何处?

它们似乎都可以工作,但是哪种方法更好,为什么呢?

谢谢。


编辑为清晰起见:

我写了 “这样的小事让我发疯”

我指的 不是 0的“ px” 。

让我发疯的是,有两种不同的方法可以完成同一件简单的事情。

就个人而言,尽管有一个小问题,就是忘记在适当的地方添加/删除“ px”,但我仍然会继续使用“ 0”,因为它知道和其他方法一样可以接受。


阅读 509

收藏
2020-05-16

共1个答案

一尘不染

它们是相同的。

使用width: 0,因为它更短并且更易读。

尤其是当您有以下情况时:

padding: 0px 0px 9px 8px

padding: 0 0 9px 8px

见规格:

长度值的格式(在本规范中以表示)是(带或不带小数点),后跟一个单位标识符(例如px,em等)。
长度为零后,单位标识符是可选的。


“ 0”的次要问题是,如果将其更改为某个非零值,则可能会忘记添加“ px”。而当将值设为“ 0”时,您可能会忘记删除“ px”

一旦养成了0没有单位标识符的书写习惯,这种情况就不会发生。

2020-05-16