提问人:Pekka 提问时间:11/18/2009 最后编辑:Pekka 更新时间:4/28/2018 访问量:7780
CSS的布局中立标签?
Layout-neutral tag for CSS?
问:
HTML (4) 中是否有“不可见”标签可以用来区分 CSS
tag.myclass tag.mysubclass h1 { }
对呈现的 HTML 没有任何视觉影响?
我的背景是,我有属于不同群体的领域。当我在灯箱中打开它们时(长话短说,涉及 DOM 操作之类的,并不重要),我不想依赖通常的元素或设置后续元素的样式,因为我必须重置此处的边距,那里的填充,等等。div class=x
span class=y
在这种情况下,布局中立的包装标签正是我所需要的。
答:
如果要对元素进行分组,请使用 div 或 span 标记作为包装元素。将您的 id 或类应用于此,并相应地设置其样式。
编辑
没有“不可见”标签 - 但边距和填充可以很容易地重置为“margin: 0;填充:0;'
不,没有。
(那是因为这样的元素并不能真正融入 HTML 的其余部分。DIV 和 SPAN 影响周围区域的唯一原因是因为它们分别是块元素和内联元素。什么是“看不见”的元素?如果你需要一些完全独立的东西,绝对(或相对)定位它,并给它一个更高的z指数。
评论
<font>
你可以添加它。这不会显示它(显然)。display: none;
评论
虽然所有浏览器都为许多 HTML 标签提供默认样式,但其核心 HTML 只描述数据,不格式化数据。
您可能要查找的是 DIV 标签,因为没有浏览器为该标签提供任何默认样式。
我想你想要一个<字段集>。
评论
我会说 span 标签是中性的。我不认为有任何浏览器应用边距或填充,它只是环绕它的内容。
评论
我怀疑您可以使用没有常用属性的 <object> 标签来实现此目的,但我还没有彻底测试它。它甚至在 HTML5 中(与 FONT 标签不同)。
正确的答案是使用 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。
评论