解决方法一：使用CSS中的flex布局

HTML代码：

  标签文本

CSS代码：

.container {
  display: flex;
}

.tag {
  background-color: #f2f2f2;
  padding: 5px;
  white-space: nowrap; /* 禁止换行 */
}

解决方法二：使用CSS中的display属性为inline-block

HTML代码：

标签文本

CSS代码：

.tag {
  display: inline-block;
  background-color: #f2f2f2;
  padding: 5px;
  white-space: nowrap; /* 禁止换行 */
}

解决方法三：使用CSS中的display属性为table-cell

HTML代码：

标签文本

CSS代码：

.tag {
  display: table-cell;
  background-color: #f2f2f2;
  padding: 5px;
  white-space: nowrap; /* 禁止换行 */
}

这些方法都可以让标签的宽度自适应标签文本的长度，并且禁止文本换行。可以根据实际需要选择适合的方法来使用。