Javascript 溢出：隐藏和：在伪选择器之后

在我开始我的问题之前，我想声明我见过类似的问题。所有人都说，要么将

position:relative

添加到

position:absolute

的容器中，从

:after

选择器中删除

position:absolute

，但没有一个对我有效

这是我的

当我尝试添加

空白时：nowrap；溢出：隐藏；文本溢出：省略号

然后div右侧的箭头消失或

：after

选择器消失。我不知道为什么会这样

---

是什么导致了问题以及如何解决？谢谢。

我认为，通过CSS是不可能的，如果你保持这样的HTML结构，最好在HTML中稍作修改

简单地说，在您的p标签中添加另一个元素并向该元素添加

文本溢出

css，它会解决您的所有问题

.skills{
保证金：20px自动；
位置：相对位置；
}
.技能{
高度：70像素；
线高：70px；
空白：nowrap；
溢出：隐藏；
文本溢出：省略号；
字号：18px；
颜色：白色；
字体系列：'高谭中等'；
宽度：100%；
位置：相对位置；
边缘底部：20px；
}
.p.技能{
显示：块；
身高：100%；
线高：70px；
文本对齐：居中；
z指数：1；
位置：相对位置；
}
.skill p span{/*添加了一个新元素，并将其包装*/
空白：nowrap；
溢出：隐藏；
文本溢出：省略号；
显示：内联块；
宽度：100%；
}
.技能p：之后{
左：100%；
最高：50%；
边框：实心透明；
内容：“；
身高：0；
宽度：0；
位置：绝对位置；
指针事件：无；
边框颜色：rgba（136183213,0）；
边框宽度：35px；
利润上限：-35px；
z指数：-1；
}
.skill.orange{
背景：rgba（242,192,30,0.3）；
}
.skill.orange.p{
宽度：45%；
背景：rgb（242,192,30）；
}
橙色p:之后{
左边框颜色：rgb（242,192,3）；
}
.skill.浅蓝色{
背景：rgba（73,180,232,0.3）；
}
.skill.浅蓝色p{
宽度：15%；
背景：rgb（73180232）；
}
浅蓝的p:之后{
左边框颜色：rgb（73、180、232）；
}
.skill.深蓝色{
背景：rgba（67,93,155,0.3）；
}
深蓝色{
宽度：35%；
背景：rgb（67,93,155）；
}
深蓝色p:在{
左边框颜色：rgb（67,93,155）；
}
.skill.red{
背景：rgba（230,74,58,0.3）；
}
.skill.red p{
宽度：55%；
背景：rgb（230,74,58）；
}
红p：之后{
左边框颜色：rgb（230、74、58）；
}
.skill.purple{
背景：rgba（43,59,96,0.3）；
}
.skill.p{
宽度：85%；
背景：rgb（43,59,96）；
}
紫色p:之后{
左边框颜色：rgb（43,59,96）；
}

Zencart开发大文本TTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTT


PHP


HTML5/CSS


Javascript


电子商务


内容写作


Wordpress


Drupal开发


关键词优化


Photoshop6套装

请将相关代码添加到问题中。您想完成什么？“你还没有真正弄清楚你的目标是什么。”MohammadAreebSiddiqui检查一下我代码上方用粗体写的文本！我在

P

中添加了

span

标记，并在CSS中添加了注释。我想了解添加span标记的原因。为什么P标签不起作用？因为，您给了

P

标签本身一个

overflow:hidden

，该标签本身有文本，这导致

：after

属性在移出框大小时被切掉。因此，为了保留

：在{arrow code}

之后，防止向其提供

溢出：隐藏

，在其内部添加一个额外的元素，并为其提供

溢出和换行

属性。