Текст и Ввод не на одной строке - PullRequest
Новая
       13

Текст и Ввод не на одной строке

0 голосов
/ 21 февраля 2019

Я пытаюсь создать «выключатель» для проекта, в котором я могу получить группу элементов вопросника.Когда вы запустите следующий код, вы увидите, что div появится на экране в группе элементов.Текст над флажком, мне нужно, чтобы они были рядом.Есть идеи?

var bigDiv = document.createElement("div")
var fem = document.createElement("P");
var t = document.createTextNode("FooText");
var femI = document.createElement("INPUT");
bigDiv.style.display = 'block';
fem.appendChild(t);
bigDiv.appendChild(fem);
femI.setAttribute("type", "checkbox");
bigDiv.appendChild(femI);
bigDiv.setAttribute("id", "demChoosing")
document.body.appendChild(bigDiv);

PS - ключевые слова 'fem' и 'demChoosing' ничего не значат

1 Ответ

0 голосов
/ 21 февраля 2019

Причина этого проста: p элементы отображаются как блочные элементы.Таким образом, они используют всю доступную ширину.Вы можете попытаться установить тип отображения «inline» или «inline-block», чтобы поместить тег p и тег input в одну строку. 

var bigDiv = document.createElement("div")
var fem = document.createElement("P");
var t = document.createTextNode("FooText");
var femI = document.createElement("INPUT");
bigDiv.style.display = 'block';
fem.appendChild(t);
bigDiv.appendChild(fem);
femI.setAttribute("type", "checkbox");
fem.setAttribute('style', 'display: inline-block;')
bigDiv.appendChild(femI);
bigDiv.setAttribute("id", "demChoosing")
document.body.appendChild(bigDiv);
...