CSS的布局中性标签？答案

【问题标题】：Layout-neutral tag for CSS?CSS的布局中性标签？
【发布时间】：2018-04-28 13:36:14
【问题描述】：

HTML (4) 中是否有一个“不可见”标签可以用来区分 CSS

tag.myclass tag.mysubclass h1 {  }

对呈现的 HTML 没有任何视觉影响？

我的背景是我的表单中有属于不同组的区域。当我在灯箱中打开那些（涉及 DOM 操作等的长篇故事，并不是很重要）时，我不想依赖通常的 div class=x 或 span class=y 来设置后续元素的样式，因为我必须重置边距这里，那里的填充，等等。

在这种情况下，我需要一个与布局无关的包装标签。

【问题讨论】：

如果你给了无类和无id的DIV元素填充和边距，那么你就犯了一个错误。这个标签的目的正是你在这里所要求的。所以，如果你破坏了标签的目的......我建议你修复它并使用它。
嗯，你是对的边距和填充，但 DIV 是一个块元素，因此即使完全重置也不是布局中立的。默认情况下，它总是会尝试拉伸到 100% 宽度，依此类推。
我认为最好将添加包装器 DIV 视为可用于您的优势的好处。您可以通过对元素进行分组来以简单的方式定位元素。分而治之；）（对不起，我忍不住）

标签： html css

【解决方案1】：

不，没有。

（这是因为这样的元素并不能真正融入 HTML 的其余部分。DIV 和 SPAN 影响周围区域的唯一原因是因为它们分别是块元素和内联元素。“不可见”元素会是什么？是吗？如果你需要完全独立的东西，绝对（或相对）定位它并给它一个更高的 z-index。）

【讨论】：

*cough* <font> tag *cough* ;)
不要复活死者！ :)

【解决方案2】：

如果要对元素进行分组，请使用 div 或 span 标签作为包装元素。将您的 id 或类应用于此，并相应地设置它的样式。

编辑

没有“不可见”标签 - 但可以轻松重置边距和内边距 'margin: 0;填充：0;'

【讨论】：

【解决方案3】：

虽然所有浏览器都为许多 HTML 标记提供默认样式，但其核心 HTML 仅描述数据，而不是格式化它。

您可能正在寻找的是 DIV 标记，因为没有浏览器为该标记提供任何默认样式。

【讨论】：

【解决方案4】：

我想你想要一个<fieldset>。

【讨论】：

这通常在 UI 中带有一些来自内存的边框......不过我可能会弄错......
是的，我认为字段集不是“不可见的”。尽管如此，出于相关目的重置和“滥用”将是一个很好的标签。 +1。
fieldset 充其量表现得像 div，但它可能表现得更糟
没错，
带有默认浏览器样式，很难重置。

【解决方案5】：

我会说 span 标记与它们一样中性。我不认为有任何浏览器应用边距或填充，它只是环绕它的内容。

【讨论】：

如果你想在里面放 div 或其他块元素，一般不建议这样做。 stackoverflow.com/questions/5432397/… 虽然它似乎在我的浏览器中工作 codepen.io/nueverest/pen/grVKVJ

【解决方案6】：

我怀疑你可以使用没有常用属性的

【讨论】：

【解决方案7】：

正确的答案是使用 div 标签并为其定义一个类。这是一个例子：

<h2 style="font-size: 14px">Project 1 - Project 2 
  <div class="username">{% if request.user.is_authenticated%} Welcome {{request.user.username}} {% endif %}</div>
</h2>

然后在你的 css 文件中你可以有一个这样的类：

.username {
    color:white; 
    float:right;
    padding-right: 100px;
}

瞧！！它都属于h2标签，但用户名应用了不同的css。

【讨论】：

【解决方案8】：

您可以在其中添加display: none;。那不会显示它（显然）。

【讨论】：

不，我不是这个意思。我的意思是一个周围的标签（一个包装器），它本身没有可见性，但其中所有子元素都呈现为好像包装器不存在一样。