图像上边距和下边距的命名约定

Question

我不想为图像的上下边距添加内联样式，而是想为他们的类提出一个简单的命名约定。

并非每张图片都有顶部和底部的边距。

• 有些图片我希望在顶部和底部有40px的边距
• 其他图片我希望在顶部和底部有30px的边距

对于这些类型的样式，我的CSS的命名约定是什么？

要避免总是放弃：

<p style="margin: 40px 0">

Answer 1

Google开始在Display Density的Gmail中使用“November 2011”，他们将其命名为“舒适”，“舒适”和“紧凑”。

您可以模仿他们的命名约定，根据您为图片提供的顶部和底部空间来建立类名。

.comfortable { margin: 40px 0; }
.cozy { margin: 30px 0; }
.compact { margin: 10px 0; } /* or whatever you want */