【CSS】通过CSS层叠样式插入文字\content中字符串换行操作

LAM LAB

已于 2024-04-10 12:10:03 修改

阅读量367

点赞数 2

文章标签： css 前端

于 2024-04-10 11:56:44 首次发布

本文链接：https://blog.csdn.net/weixin_35944332/article/details/137590781

版权

本文介绍了在系统不支持的情况下，如何通过添加第三方CSS样式实现页面上的文字提醒，如税票验证提示，以及改进表格内容的显示，以提高用户在老旧系统中的操作体验。

摘要由CSDN通过智能技术生成

某些页面经常需要插入文字去提醒，例如财务税票验证页面，系统老旧又不维护，提交前又不会提醒要税票验证，每次都要返工跑两趟！！
故，解决办法就是自己添加第三方的CSS样式，插入文字提醒！！

/*         居中标签对象		  */
 #divID{
        border: solid 16px #a501e4!important;
        margin-left: 20%;
        padding: 0.5% 25%
    }
    #divID2{
        border: solid 5px red!important;
        
    }
    
/*         高亮对象文字		  */    
    #main > div > font::after {
        content: "提交前 税票验证录入！！！"!important;
        color:black;
        font-size:65px;
        text-shadow: 0.02em 0.03em 0.08em #f00;
    }
/*         content换行操作		  */    
    #divID > tbody > tr.header > th:nth-child(10)::after{
        white-space: pre-wrap;
        color: red;
        font-size: 20px;
        content: "\D\A(一般填写1张、左面单价直接写总价，否则提交会警告没有发票张数)"!important;
    
        }