当伪元素更改其内容时，删除额外的高度

是指在CSS中使用伪元素（::before和::after）时，当更改伪元素的内容时，可能会导致伪元素的高度发生变化，从而影响到其父元素的布局。为了解决这个问题，可以使用以下方法：

1. 使用display属性：将伪元素的display属性设置为inline-block或inline，这样在更改内容时不会改变其高度。例如：

.element::before {
  display: inline-block;
  content: "New Content";
}

1. 使用content属性：将伪元素的content属性设置为空字符串，然后使用CSS的attr()函数来获取元素的自定义属性值作为内容。这样在更改自定义属性时，不会改变伪元素的高度。例如：

.element::before {
  content: attr(data-content);
}

1. 使用visibility属性：将伪元素的visibility属性设置为hidden，然后使用CSS的attr()函数来获取元素的自定义属性值作为内容。这样在更改自定义属性时，不会改变伪元素的高度。例如：

.element::before {
  visibility: hidden;
  content: attr(data-content);
}

以上是解决伪元素更改内容时删除额外高度的几种方法。根据具体的需求和场景，选择适合的方法来实现所需效果。

腾讯云相关产品和产品介绍链接地址：

• 腾讯云官网：https://cloud.tencent.com/
• 云服务器（CVM）：https://cloud.tencent.com/product/cvm
• 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
• 云数据库 MySQL 版（CDB）：https://cloud.tencent.com/product/cdb_mysql
• 云存储（COS）：https://cloud.tencent.com/product/cos
• 人工智能（AI）：https://cloud.tencent.com/product/ai
• 物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
• 移动开发（移动推送、移动分析）：https://cloud.tencent.com/product/mobile
• 区块链（BCS）：https://cloud.tencent.com/product/bcs
• 腾讯会议：https://cloud.tencent.com/product/tc-meeting