Css 如何创建div，它的内容总是被对角划掉？

所以我有一个div，它的内容应该总是在对角线上划掉

我尝试了一些解决方案，其中只有少数元素具有绝对位置，但这还不够好，因为应该划掉的div的内容和大小可能会有所不同，所以划掉也应该是自适应的

---

基本上我需要这样做：

这应该适合你

.strike{
位置：相对位置；
显示：内联块；
}
.罢工：以前{
内容：“；
位置：绝对位置；
高度：1px；
宽度：120%；
背景：红色；
最高：50%；
左：50%；
变换：平移（-50%，-50%）旋转（25度）；
}

55.55美元



$555.55



5555.55美元

这应该适合你

.strike{
位置：相对位置；
显示：内联块；
}
.罢工：以前{
内容：“；
位置：绝对位置；
高度：1px；
宽度：120%；
背景：红色；
最高：50%；
左：50%；
变换：平移（-50%，-50%）旋转（25度）；
}

55.55美元



$555.55



$5555.55

一对线性渐变可以做到这一点，它将根据元素的尺寸自动调整大小，不需要度符号

div{
宽度：25%；
高度：250px；
保证金：1em自动；
边框：1px纯灰；
位置：相对位置；
}
部门：之后{
内容：''；
位置：绝对位置；
宽度：100%；
身高：100%；
排名：0；
左：0；
背景：
线性渐变（至左下角，透明0%，透明50%，红色51%，透明51%，透明100%），
线性渐变（至右下角，透明0%，透明50%，红色51%，透明51%，透明100%）；
}

---

一对线性渐变可以做到这一点，它将根据元素的尺寸自动调整大小，不需要度符号

div{
宽度：25%；
高度：250px；
保证金：1em自动；
边框：1px纯灰；
位置：相对位置；
}
部门：之后{
内容：''；
位置：绝对位置；
宽度：100%；
身高：100%；
排名：0；
左：0；
背景：
线性渐变（至左下角，透明0%，透明50%，红色51%，透明51%，透明100%），
线性渐变（至右下角，透明0%，透明50%，红色51%，透明51%，透明100%）；
}

---

我认为还值得一提的是，旋转度需要根据内容的长度进行更改。我更新了我的答案，价格更高。只要价格不超过数千美元，点击就可以按要求进行。我认为还值得一提的是，旋转度需要根据内容的长度进行更改。我用一些更大的价格更新了我的答案。只要价格不超过数千美元，罢工就应该按要求进行。