.price {
position: relative;
display: inline-block;
text-decoration: line-through;
}
.price:after {
content: "";
position: absolute;
top: 50%;
left: 0;
right: 0;
height: 1px;
border-bottom: 1px solid black;
transform: translateY(-50%);
}以上是一个基本的CSS中线代码。大家先来看一下每个部分具体是如何实现的：
1. 定义一个样式类名为“price”，该类用于包含需要添加中线的文本。
2. 使用“position: relative”将元素相对定位，以便可以添加一个绝对定位的伪元素。
3. 使用“text-decoration: line-through”将文本添加删除线。
4. 在“price”类下添加一个伪元素“:after”，该元素的作用是添加中线。
5. 使用“content: “””添加一个空内容的伪元素。
6. 使用“position: absolute”将伪元素绝对定位。
7. 使用“top: 50%”将伪元素的上边框线与父元素垂直居中。
8. 使用“left: 0”和“right: 0”将伪元素的左右两侧对齐父元素的左右两侧。
9. 使用“height: 1px”设置伪元素高度为1个像素。
10. 使用“border-bottom: 1px solid black”添加一条黑色的横线。
11. 最后使用“translateY(-50%)”将伪元素在垂直方向上向上偏移50%。
以上步骤完成后，大家就成功地为文本添加了中线。使用该代码时，只需要将需要添加中线的文本放到一个带有“price”类的元素中即可。
<p class="price">¥ 199</p>
上面的代码就是将文本“¥ 199”添加中线的代码示例。