Должно быть простое решение этого вопроса, но до сих пор оно ускользало от меня.Предотвращение обертывания текста DIV
Это то, что я хочу достичь, внутри одного тд:
text text
text txt [div [img][img] ]
txt t txt
ДИВ только защищает два ГИМ от получения перемещаются беспорядочные (они кнопки, левая иногда невидим, и необходимость чтобы оставаться бок о бок). Текст, который может варьироваться по длине, должен выстраиваться в линию с помощью div, а не обертывать его.
Из-за количества массажа, который я должен делать с обновлениями, которые являются частыми, я не могу решить его, используя второй td для хранения div, который в противном случае был бы идеальным.
Это основной код одного элемента (есть несколько, собраны в строку в цикле, который затем записывается в .innerHTML)
'<td class="Label" id="rank'+i+
'">Some text of<br>arbitrary, but not great,<br>length'+
'<div class="x">'+untie_button('off')+tie_button(i)+'</div></td>'
Этикетка класса объявляет цвет, шрифт и text-align: right
Класс x объявляет прописку и выравнивание по вертикали: посредине.
Подпрограммы untie_button и tie_button тривиальны, просто возвращая соответствующий img с индексом id, прикрепленным i.
Я получаю один из 2 результатов, в зависимости от того, какой вкус я стараюсь: текст полностью над div, или он обертывает div.
Без дополнительной информации и с чистым javascript я бы назвал вас [appendChild()] (http://www.w3schools.com/jsref/met_node_appendchild.asp) соответственно [insertBefore()] (http: // www.w3schools.com/jsref/met_node_insertbefore.asp) – xerx593
Можете ли вы предоставить некоторый код, чтобы показать, что вы пробовали до сих пор, и проиллюстрировать проблемы (проблемы), с которыми вы сталкиваетесь? – Shaggy
Пожалуйста, введите код или JSfiddle. Трудно понять это –