Question

我有一些带有随机图像和文字（字幕）的js代码。字幕位于图像的中心，并希望它们保持对齐 - 任何人都可以告诉我如何编辑

 span.innerHTML =Shuffled[i].text;

使文字在图像下方左对齐？如果你能回答，请提前致谢！

{

    var td = document.getElementById("title"+i);

    var link  = td.getElementsByTagName("a")[0]; 

    var image = link.getElementsByTagName("img")[0];
    var span  = link.getElementsByTagName("span")[0];


    image.src = ibase + Shuffled[i].image;


    link.href = urlbase + Shuffled[i].href;

    span.innerHTML =Shuffled[i].text;

    image.alt = Shuffled[i].text;
}

Answer 1

JavaScript中没有任何内容使您的文字居中。看起来现有的样式表规则可能正在执行此操作。如果你可以编辑CSS，我会先推荐这种方法。如果没有，您可以尝试添加：

span.style.textAlign = "left";

我假设span包含你试图左对齐的文字。

Answer 2

你可以试试这个：

span.style.display = "block";
span.style.textAlign = "left";

如果这不起作用，您可以将HTML与脚本一起发布。

Answer 3

范围默认左对齐。另一种CSS样式或标记使您的范围居中。也许一个标签或者你在桌子或跨度的中心有“display：block; text-align：center;”在CSS中。在做其他任何事情之前，我建议找出问题所在。因为你可能弄乱你的布局。确定问题的根源后，span的css样式为“display：block;”添加

span.style.textAlign =“left”

否则，如果布局的其余部分是正确的，您可以尝试

span.style.display =“block”; span.style.textAlign =“left”;

或更改上部标记的中心并将图像对齐到中心。

Answer 4

谢谢大家！我得到了它 - 它是在建议的css中 - 我可能会在某个时候想出来，但让我自己被.js吓倒了。：）

非常感谢你的SPEEDY帮助！

Answer 5

首先使用firefox Firebug 查找哪种样式或类正在使用。你可以改变萤火虫本身的风格。然后将其添加到javascript

innerHTML对齐问题

5 个答案: