innerHTML對齊問題

我有一些帶有隨機圖像和文本（字幕）的js代碼。字幕集中在圖像下方，並希望它們左對齊 - 誰能告訴我怎麼編輯innerHTML對齊問題

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; 
}

來源

2010-10-07 Ran

不看到生成的實際標記是不可能的。你能提供一些具體的HTML嗎？ – 2010-10-07 13:59:06

你的JavaScript沒有任何東西是以你的文本爲中心。它看起來像現有的樣式表規則可能會這樣做。如果你可以編輯CSS，我會首先推薦這種方法。如果沒有，你可以嘗試加入：

span.style.textAlign = "left";

我假設span包含你想要對齊的文本左邊。

來源

2010-10-07 13:58:51

你可以試試這個：

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

你可以張貼HTML的腳本一起，如果這也不行，雖然。

來源

2010-10-07 14:01:01

非常感謝大家，我會調查css，如果它不會跳出來或修復它，我會嘗試其他解決方案！ – Ran 2010-10-07 14:47:26

跨度默認是左對齊。另一個CSS樣式或標籤正在您的範圍中心。也許一個標籤或者您正在對錶格的td進行居中或跨度具有「display：block; text-align：center;」在CSS中。我會建議在做其他事情之前找出問題所在。因爲你可能會搞亂你的佈局。確定問題的來源後，span具有「display：block;」的CSS樣式添加

span.style.textAlign = 「左」

否則，如果佈局的其餘部分是正確的，你可以嘗試

span.style.display = 「塊」; span.style.textAlign =「left」;

或更改上方標記的中心並將圖像對齊中心。

來源

2010-10-07 14:18:31 RonaldV

謝謝大家！我明白了 - 正如所暗示的那樣 - 我可能會在某個時候想出來，但讓自己被.js嚇倒。 :)

非常感謝您的SPEEDY幫助，也！

來源

2010-10-07 14:54:28 Ran

首先使用firefox找到哪個樣式或類正在工作Firebug。你可以改變螢火蟲本身的風格。然後將其添加到javascript

來源

2010-10-07 15:49:19 zod

innerHTML對齊問題

回答

相關問題