innerHTML вопрос выравнивания

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

Сначала найдите, какой стиль или класс работает, используя firefox Firebug .Вы можете изменить стиль в самом Firebug.Затем добавьте его в javascript

Answer 2

Спасибо всем!Я получил это - это было в css, как и предлагалось - я, вероятно, в какой-то момент понял бы это, но позволил бы мне запугать.:)

Большое спасибо за вашу помощь SPEEDY!

Answer 3

Вы можете попробовать это:

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

Вы можете опубликовать HTML вместе со сценарием, если это не работает.

Answer 4

Диапазон по умолчанию выровнен по левому краю. Другой стиль или тег CSS центрирует ваш диапазон. Может быть, тег или вы центрируете td таблицы или диапазон имеет «display: block; text-align: center;» в CSS. Я бы порекомендовал выяснить, в чем проблема, прежде чем делать что-либо еще. Потому что вы можете испортить свой макет. После определения источника проблемы и span имеет стиль css «display: block;» добавить

span.style.textAlign = "left"

иначе, если остальная часть макета верна, вы можете попробовать

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

или измените центр верхней метки и выровняйте изображение по центру.

Answer 5

В вашем JavaScript нет ничего, что центрирует ваш текст.Похоже, что существующее правило таблицы стилей может делать это.Если вы можете редактировать CSS, я бы рекомендовал этот подход в первую очередь.Если нет, попробуйте добавить это:

span.style.textAlign = "left";

Я предполагаю, что span содержит текст, который вы пытаетесь выровнять по левому краю.