Html 启动p侧栏-内容文本重叠关闭图标

根据上述编辑器的输出，是否有任何方法可以避免关闭图标上的文本重叠？我不想把文本移到下一行。通过开发工具，我了解到关闭按钮的样式为

{position:absolute；top:0；right:0；}

我试着使用

wordwrap:break-word

，但没用

---

覆盖或更改

.p-sidebar-close

位置：相对位置的CSS属性和<代码>浮动：右侧

更改

div

的

宽度

或

边距

将修改其他行，我希望下面的行位于侧边栏的末尾。接受您的回答，但不知怎的，它在我的项目中不起作用。添加更改后的关闭按钮现在显示在div上方一行。我无法在stackblitz中复制。我看到了您的CSS文件。您的组件是否已连接到它？它似乎不是。在

app.component.ts

中，用

styleURL:[“/app.component.css”]

替换

styles

，这很好，我在开发工具中验证了它。

.p-sidebar-close {
    position: relative;
    float: right;
}