带有 HTML 和 CSS 的空格和换行符答案

【问题标题】：Spaces and new lines with HTML and CSS带有 HTML 和 CSS 的空格和换行符
【发布时间】：2013-02-03 23:12:01
【问题描述】：

我应该在 HTML 中使用   和 &nbsp; 来定位元素，还是应该只使用 CSS display:inline with padding/margin 来定位和所有样式？两者的优缺点是什么？

【问题讨论】：

我闻到了宗教争论的味道……
这个问题有什么好笑的？
没什么，但是除非您正在绘制 ASCII 艺术，否则使用 &nbsp; 和   定位元素没有“优点”。这是 CSS 存在的一个重要原因。

标签： html css

【解决方案1】：

使用  表示块元素内的换行符，使用&nbsp; 表示内联元素内的不间断空格。而已。对于剩余部分，只需在 display、float、padding 和/或 margin 属性的帮助下以智能方式使用 CSS。

【讨论】：

当我在 span 元素上使用 display:inline 时，另一个元素仍位于 span 元素的右侧。那不应该在下一行吗？
@noname: no span 是一个内联元素，因此 display inline 对它没有任何作用。如果你想要新行上的元素使用display: block。
A span 默认情况下已经内联。要么使用换行符，要么使用块元素，或者关闭父块元素并开始一个新的块元素。

【解决方案2】：

  有它的用途，但如果你发现自己经常使用&nbsp，我会考虑找到更好的方法来对齐。 &nbsp; 又丑又笨重。

如果是表格数据，请使用表格。你的生活会更快乐。

如果不是表格数据，请按照 BalusC 的建议使用 css。

【讨论】：

【解决方案3】：

理想情况下，您应该使用 css 定位所有内容，并且仅在 s 中使用  （换行符）和 &nbsp;。但这不是一个理想的世界；）

【讨论】：

【解决方案4】：

  真的可以。但是，如果您发现自己使用它来调整段落间距或类似的东西，那么您真的必须问自己“我是否有理由使用中断而不是应用类来调整边距？”另一方面，&nbsp; 很少在段落之外有任何意义（），一半的时间没有太多用处，因为使用text-indent 更适合缩进第一段和更多对于各地的编辑们来说，我完全反对在网络上使用双倍空格前缀——就我而言，这只是印刷品。

【讨论】：

【解决方案5】：

在 HTML5 中，您还拥有新的 http://html5doctor.com/element-index/#w

答案不是非黑即白，这取决于您的内容，有时应该是
，在某些情况下应该是，所以内容会在一行中。

如果你想要它作为块，你可以使用

【讨论】：

【解决方案6】：

使用 CSS 边距和内边距将使您在以后进行调整时更加灵活。

【讨论】：