在 CSS 编写过程中,有一个很有用的技巧就是将一行代码限制为 5 个,这使得代码更易读,更易于维护和修改。.container { display: flex; justify-content: c
在 CSS 编写过程中,有一个很有用的技巧就是将一行代码限制为 5 个,这使得代码更易读,更易于维护和修改。
.container { display: flex; justify-content: center; align-items: center; height: 100vh; }
在上面的代码中,我们可以看到每行代码的长度都不超过 5 个。这样写的好处在于:
当然,有时候不得不使用更长的代码行,但它们应该是例外而非常规。在实际编写 CSS 的过程中,我们也可以使用代码格式化工具来自动进行代码行限制尺寸,例如 Prettier。
.container { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; height: 100vh; }
总之,限制 CSS 行长为 5 个是一种好的习惯,它可以使我们编写出更清晰,更可维护的代码。
粉丝
0
关注
0
收藏
0