CSS中带有或不含“px”后缀的零像素大小?

前端之家收集整理的这篇文章主要介绍了CSS中带有或不含“px”后缀的零像素大小?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
参见英文答案 > ‘property: 0’ or ‘property: 0px’ in CSS?9个答案这个问题的答案已被证明是困难的,所以我想这里的某个人应该知道。

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

mystyle { width: 0; }

anotherstyle { width: 0px; }

‘0’的次要问题是,如果将其更改为非零值,则可能会忘记添加“px”。当值“0”时,您可能会忘记删除“px”。我希望在我的代码中保持一致性,而这样的一些东西让我坚定不移。

这是真的下降到个人喜好,缩进哪里?

他们似乎都在工作,但哪种方式更好,为什么?

谢谢。

编辑清楚:

我写了“这样的小东西让我坚果”。

没有一个“px”为0不是我所指的。

它驱使我坚果,有两种不同的方式做同样简单的事情。

就个人而言,尽管在适当的情况下忘记添加/删除“px”的小问题,我将继续使用“0”,因为它知道它与其他方式一样可以接受。

解决方法

他们是一样的

使用width:0,因为它更短,更可读。

特别是当你有,例如:

padding: 0px 0px 9px 8px

VS

padding: 0 0 9px 8px

See the specs

The format of a length value (denoted
by <length> in this specification) is
a <number> (with or without a decimal
point) immediately followed by a unit
identifier (e.g.,px,em,etc.).
After a zero length,the unit identifier is optional.

The minor problem with ‘0’ is that if
you change it to some non-zero value,
you might forget to add the ‘px’. And
when making a value ‘0’,you may
forget to remove the ‘px’

一旦你习惯写0,没有单位标识符,这不会发生。

原文链接:https://www.f2er.com/css/219388.html

猜你在找的CSS相关文章