innerHTML 对齐问题答案

【问题标题】：innerHTML alignment questioninnerHTML 对齐问题
【发布时间】：2011-04-22 09:22:13
【问题描述】：

我有一些引入随机图像和文本（标题）的 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;
}

【问题讨论】：

如果没有看到实际生成的标记，就无法判断。你能提供一些具体的 HTML 吗？

标签： javascript html alignment innerhtml

【解决方案1】：

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

span.style.textAlign = "left";

我假设 span 包含您尝试左对齐的文本。

【讨论】：

【解决方案2】：

你可以试试这个：

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

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

【讨论】：

太好了，谢谢大家，我会调查css，如果它没有跳出来或修复它，我会尝试你的其他解决方案！

【解决方案3】：

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

span.style.textAlign = "left"

如果其余布局正确，您可以尝试

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

或者改变上标签的中心，使图片居中对齐。

【讨论】：

【解决方案4】：

谢谢大家！我明白了——它按照建议在 css 中——我可能会在某个时候弄清楚这一点，但让自己被 .js 吓倒了。 :)

也非常感谢您的快速帮助！

【讨论】：

【解决方案5】：

首先使用 firefox Firebug 找到哪个样式或类起作用。您可以更改萤火虫本身的样式。然后添加到javascript中

【讨论】：