У меня есть следующий код:
<div class="w25">
<span>True</span>
<input data-ng-model="answer.correct"
type="checkbox">
</div>
Размер div примерно 150 пикселей. Что происходит, так это то, что вход появляется в центре с примерно 70 пикселей на каждой стороне.
Как я могу заставить <input>
перейти влево?
span
и элементы input
по умолчанию являются встроенными, а чекбокс будет размещен рядом с элементом span. Я предполагаю, что никакой дополнительный стиль не применяется ни к одному из элементов. Если да, отправьте свой css.
Если вы хотите поместить флажок слева, вы можете:
postition: absolute; left: 0;
)Во-первых, измените позиции ввода и диапазона (если вы это сделаете) и посмотрите, работает ли это:
<div class="w25">
<input data-ng-model="answer.correct" type="checkbox">
<span>True</span>
</div>
Если он не работает, попробуйте изменить вход для:
<input data-ng-model="answer.correct" style="float: left" type="checkbox">
Если он не работает, попробуйте:
<div class="w25">
<div style="width:70px; display: inline;"><span>True</span></div>
<div style="float:left; width:70px; display: inline;"><input data-ng-model="answer.correct" type="checkbox"></div>
</div>
<input data-ng-model="answer.correct" style="float:left" type="checkbox">
Вероятно, вы inherit
стили из своего div- class="w25"
. Но вы можете попробовать:
Один изменить порядок:
<div class="w25">
<input data-ng-model="answer.correct" type="checkbox">
<span>True</span>
</div>
Два добавьте эти свойства в свой CSS, чтобы убедиться, что каждый элемент имеет правильные свойства:
.w25 input, .w25 span {
margin:0;
padding:0;
vertical-align:middle;
}
Просмотрите эту демонстрацию http://jsfiddle.net/W7YE7/1/
Вы можете добавить стиль CSS float: left;
Обычно лучше ставить стиль в отдельный файл CSS, а не в строку, поэтому, если вы можете это сделать, назначьте класс для ввода, например:
<div class="w25">
<span>True</span>
<input class="yourclass" data-ng-model="answer.correct" type="checkbox">
</div>
И в файле css:
.yourclass {float: left;}
Здесь у вас есть JsFiddle: http://jsfiddle.net/A52nS/
попробуйте этот css
.w25{
float:left;
}
float: left;
?