Я извлекаю скрипт с сервера, который вставляет в документ документ, заключенный в ярлык. У меня две проблемы: я не могу предотвратить разрыв строки между кнопкой и меткой кнопки, и я не могу найти способ сделать стиль вне самого скрипта. Firebug показывает этот XHR ответ (я вставил разрывы строк для удобства чтения):Не удается создать файл сценария Ajax (nowrap не работает?)
document.getElementById("div-foo1").innerHTML="
<label style='white-space:nowrap;'>
<input type='button' id='sButton0' style='width:10px; height:20px;'>
foo1
</label>";
Первой проблема заключается в том, что white-space:nowrap не препятствует разрыву строки между кнопкой и следующей меткой 'Foo1. Я также попробовал включить <nobr></nobr>, без каких-либо различий. Я знаю, что стиль обычно работает, потому что я могу изменить ширину кнопки и увидеть изменение в браузере.
Вторая проблема заключается в том, что я не могу найти способ получить стиль оформления скрипта. Если я помещаю это в заголовок HTML:
<style>
#sButton0 { width:30px; height:20px; }
</style>
Не работает. Может ли кто-нибудь сказать мне, что я делаю неправильно?
Спасибо.
Вы пробовали добавить дисплей: inline; к стилю кнопки (по тегу стиля)? Интересно, есть ли еще один css, который устанавливает его отображение в блок, что приведет к разрыву строки перед текстом метки. – danludwig
Я попробовал ваше предложение и подумал, что он устранил проблему. Однако оказалось, что добавление «float: left» в стиль достаточно для предотвращения разрыва строки - не знаю, почему. Проверено на F/F, Opera, Chrome. Благодарю. – EML