我在模块标题中使用了<span>个标签, 例如:

<span>Categories</span>.

我在CSS中指定跨度的背景色/图像、宽度和高度.

但跨度的宽度取决于其内容/文本.

所以,如果我做<span></span>次,只使用css中的背景图像/ colored颜色 ,什么都不会出现.

当然,我想要一些东西出现.

我该如何解决这个问题?

推荐答案

您可以将DISPLAY属性显式设置为"挡路",以便它的行为类似于挡路级别元素,但在这种情况下,您可能只需使用div即可.

<span style="display:block; background-color:red; width:100px;"></span>

Css相关问答推荐

在COLOR-MIX()中使用var()似乎会使其对于不支持COLOR-MIX()的浏览器具有可读性,从而阻止了回退的工作

当面板以Angular 上升时如何定位下拉面板

输入中的框始终显示在MUI文本字段中

如何使用DirectusImage标签作为背景?

如何使我的标语(h1元素)不居中对齐?

使元素不水平滚动

背景图像允许溢出输入按钮

在变量中存储匹配 Select 器的子元素的计数

如何使代码块输出在 quarto revealjs 演示文稿中水平滚动

使用 React 和 Flexbox 文本溢出框外

Flex & space-around 与内容相交

如果父项的不透明度小于 1,则背景过滤器不适用

如何使半圆的边框淡出?

在 中制作等宽的列

表格的边框半径没有按预期工作

如何在 Chrome 中模拟偏好 colored颜色 方案媒体查询?

在固定高度的输入字段中垂直对齐文本而不显示:表格或填充?

在CSS中将文本和 Select 框对齐到相同的宽度?

flex-wrap 如何与 align-self、align-items 和 align-content 一起使用?

html元素(div)的全高,包括边框,填充和边距?