【问题标题】:primeng p-sidebar - content text overlapping close iconprimeng p-sidebar - 内容文本重叠关闭图标
【发布时间】:2021-02-12 00:08:19
【问题描述】:

stackblitz

根据上述编辑器的输出,有什么办法可以避免文本重叠在关闭图标上?我不想将文本移到下一行。从开发者工具得知,关闭按钮的样式为{position: absolute; top:0; right:0;}

我尝试使用word-wrap: break-word,但没有成功。

【问题讨论】:

    标签: html css angular primeng


    【解决方案1】:
    .p-sidebar-close {
        position: relative;
        float: right;
    }
    

    覆盖或更改 .p-sidebar-close position: relative;float: right; 的 CSS 属性

    【讨论】:

    • 更改widthmargindiv 将修改其他行,我希望将下面的行定位到侧边栏的末尾。
    • 接受了你的回答,但不知何故它在我的项目中不起作用。添加更改后,关闭按钮现在显示在 div 上方的一行。我无法在 stackblitz 中重现。
    • 我看到了你的 CSS 文件。您的组件是否连接到它?好像没有。
    • app.component.ts 中将styles 替换为styleUrls: ["./app.component.css"]
    • 没关系,我在开发者工具中验证过了。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2022-08-21
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-10-29
    相关资源
    最近更新 更多