根据提供的代码,toast不会居中显示的原因是在设置toastDiv的left样式时,使用了错误的属性this.clientWidth。应该使用document.body.clientWidth来获取整个页面的宽度。修改代码如下:

function toast(message) {
    var toastDiv = document.createElement("div");
    toastDiv.innerText = message;
    toastDiv.classList.add("toast");
    document.body.appendChild(toastDiv);
    toastDiv.style.left = "calc(50% - " + Number(document.body.clientWidth / 2) + "px)";
}
function toastmessage var toastDiv = documentcreateElementdiv; toastDivinnerText = message; toastDivclassListaddtoast; documentbodyappendChildtoastDiv;

原文地址: https://www.cveoy.top/t/topic/iybk 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录