Javascript自定义警报框与图像对齐

Question

我在Javascript中创建了自定义提醒框。我添加了图片文字。但它不是清醒地对齐。它有点像这样。

我正在尝试使用相同的行添加正确的标记和文本，我该如何实现。谁能帮帮我吗。我在下面添加了自定义提醒框功能。

function createCustomAlert(txt, string_url,fd) {
        // shortcut reference to the document object
        d = document;

        // if the modalContainer object already exists in the DOM, bail out.
        if (d.getElementById("modalContainer")) return;

        // create the modalContainer div as a child of the BODY element
        mObj = d.getElementsByTagName("body")[0].appendChild(d.createElement("div"));
        mObj.id = "modalContainer";
        // make sure its as tall as it needs to be to overlay all the content on the page
        mObj.style.height = document.documentElement.scrollHeight + "px";

        // create the DIV that will be the alert 
        alertObj = mObj.appendChild(d.createElement("div"));
        alertObj.id = "alertBox";
        // MSIE doesnt treat position:fixed correctly, so this compensates for positioning the alert
        if (d.all && !window.opera) alertObj.style.top = document.documentElement.scrollTop + "px";
        // center the alert box
        alertObj.style.left = (d.documentElement.scrollWidth - alertObj.offsetWidth) / 2 + "px";

        // create an H1 element as the title bar
        h1 = alertObj.appendChild(d.createElement("h1"));
        h1.appendChild(d.createTextNode(ALERT_TITLE));
btn2 = alertObj.appendChild(d.createElement("img"));
        btn2.id = "fd";
        btn2.src = fd;
        // create a paragraph element to contain the txt argument
        msg = alertObj.appendChild(d.createElement("p"));
        msg.innerHTML = txt;

        // create an anchor element to use as the confirmation button.
        //btn = alertObj.appendChild(d.createElement("a"));
        //btn.id = "closeBtn";
        //btn.appendChild(d.createTextNode(ALERT_BUTTON_TEXT));
        //btn.href = "";


        btn = alertObj.appendChild(d.createElement("img"));
        btn.id = "closeBtn";
        btn.src = 'new-go-next2.png';
        btn.href="#ss";
        //btn.height="30px";
        //btn.width="30px";
        //btn.href="#";


        // set up the onclick event to remove the alert when the anchor is clicked
        btn.onclick = function () { removeCustomAlert(); window.location = string_url; return false; }


    }

Answer 1

而是创建具有两个列的div元素创建表。其中第一个包含'Image'表示OK，第二个包含你的'Text'。 检查这是否有帮助。

Answer 2

好的是，创建一个表将是一个很好的方法来解决你的问题，顺便说一句你也可以尝试一些具有正确位置的内部div，以及具有正确浮点属性的元素