允许可移动 &nbsp 的 HTML 标记答案

【问题标题】：HTML tag to allow removable &nbsp允许可移动 &nbsp 的 HTML 标记
【发布时间】：2012-09-07 23:54:16
【问题描述】：

有谁知道在 html 标记中包含不间断空格以允许我根据运行时在后面代码中测试的条件将其删除的方法？

基本上为什么我需要这个：如果满足条件，我将有 4 个按钮，但如果不是只有三个。我可以删除按钮，但我在两个按钮之间有 4 个&nbsp;，而不仅仅是 2 个&nbsp;。

<del> 之类的标签如果不删除文本就可以工作。

基本上我有这样的东西（为简单起见，不包括属性值）：

<td><button />&nbsp&nbsp<button />&nbsp&nbsp<button />&nbsp&nbsp<button /></td>

我不能在实际的按钮标签中使用该功能，因为那样它将呈现 &nbsp 而不是按钮文本。

编辑：我确实结束了编辑 &nbsp 标签并使用 css。我感谢所有的回复。

我担心走这条路的主要原因是因为试图让我的客户批准任何事情就像拔牙一样，但我让他们批准了更改并调整了预算。

再次感谢！！

【问题讨论】：

【解决方案1】：

必须是吗？根据您对需求的描述，听起来有点 CSS 可能会更好：

  button.myClass {
    margin-left: 1ex;
  }

比尝试将逻辑放入视图层要简单得多（即使您没有严格遵循 MVC 模式，您仍然应该尝试尽可能地分离表示和业务逻辑）。

【讨论】：

我正在修改别人的项目，为了保持一致性，我需要坚持使用 &nbsp，因为我返回并将所有内容更改为其他内容会效率低下。使用 css 是我最后的手段，但我宁愿不尝试获得批准。
呃。也许你可以在渲染事件中对控制树做一些事情：link。不要告诉任何人，但我曾经这样做过。另一种选择是将按钮 + 空间包装在另一个服务器端 div 中，然后隐藏/显示它。我认为，这将比胡乱处理控制树更清晰、更一致，这对于后来的开发人员来说很容易忽略。

【解决方案2】：

您不应该使用&nbsp; 进行布局。

如果你想在页面上直接输出一些 HTML 内容而不需要控件——你可以使用Embedded Code Blocks：

<button/><% =GetNecessaryNbsp() %><button/>

页面类中的 GetNecessaryNbsp() 将返回必要数量的&nbsp;。

【讨论】：