html - 使用边距和/或填充强制元素到位是否被认为是不好的做法？

Question

这种做法是我经常遇到的，但很少觉得喜欢。在做 html、xaml 或任何其他标记时。我只是想知道使用这些边距或填充技术来强制元素在它们（看似）正确的位置是否被认为是一种不好的做法？

就我个人而言，在使用 xaml 时，我更喜欢使用网格、列和单元格，而在使用 html 时，我经常使用 bootstrap 进行工作。

每次我看到这个，我最终都会与在我之前完成工作的人讨论，为什么他/她使用边距将项目移动到位。

Answer 1

好吧 - 当涉及到网络时 - 即 HTML 和 CSS - 响应式设计可以说是“新事物”，因此元素浮动基于屏幕和媒体（结果是一个适用于桌面、平板电脑和手机的网站。它只是浮动不同）。如今，使用 bootstrap/grids 是一个常见的起点。

所以从这个角度来看，我会说边距/填充仍然有一个位置 - 但不是作为“放置网格”可以这么说。所以是的，我会说这是一种“不好的做法”，尽管不喜欢这种教条式的陈述。因为在我看来，我们在现实世界的情况下运作 - 那么可能总是有理由使用工具箱中的旧工具。

XAML 我不知道，所以不能在那个世界发表评论。

Answer 2

是的，使用margin和padding来放置元素是最常用的方法，这是由于使用<table>元素的降级。

现在，每个人都更喜欢使用<div>element 而不是使用<table>. 因此使用网格、列和单元格减少到几乎 2%。

Answer 3

在我看来，使用它们不是问题或被认为是不好的做法，但您可以轻松地使用这些属性并滥用它们。通常大多数网格系统使用填充到列的空间通常在 10px - 30px 之间，这非常好，然后如果您需要为列内的元素添加额外的填充和/或边距，那很好，但是如果您使用边距来放置元素在这样奇怪的地方，margin: 500px 0 0 500px我认为这是不好的做法，你应该重新评估你是如何构建你的 DOM 的。