Выровняйте Флажок в <отделение>

Question

Выровняйте Флажок в <отделение>

Вот функция помощника, которую я использую довольно часто:

import os

def listdir_fullpath(d):
    return [os.path.join(d, f) for f in os.listdir(d)]

6

html css firefox safari alignment

задан Marvin 6 July 2009 в 12:19

1 ответ

Другие вопросы по тегам:

html css firefox safari alignment

Похожие вопросы:

score 7 · Accepted Answer

Поплавки влияют только на код, который следует за ними в HTML. Поскольку у вас есть ввод после метки, он будет размещен справа, но на новой строке. Разные браузеры отображают по-разному.

Хороший кроссбраузерный способ установки флажков -

.cb-row {margin: 10px;clear:both;overflow:hidden;}
.cb-row label {float:left;}
.cb-row input {float:right;}

<div class="menu">
    Por favor seleccione os conteúdos:
    <div class="cb-row">
        <label for="nome">Nome:</label>
        <input id="nome" name="Nome" type="checkbox" value="Nome" checked />
    </div>
    <div class="cb-row">
        <label for="data">Data:</label>
        <input id="data" name="Data" type="checkbox" value="Data" checked />
    </div>
    <div class="cb-row">
        <label for="cliente">Cliente:</label>
        <input id="cliente" name="Cliente" type="checkbox" value="Cliente" checked />
    </div>
    <div class="cb-row">
        <label for="ob">Observações:</label>
        <input id="ob" name="Observações" type="checkbox" value="Observações" checked />
    </div>
</div>

Метка перемещается влево, а флажок перемещается вправо. Они содержатся в строке div, которая контролирует поля между строками. Я удалил class = из ввода и вместо этого стилизовал ввод в .cb-row input

Преимущество использования метки с for = и ввода с соответствие id = , состоит в том, что когда вы нажимаете на ярлык, флажок будет установлен / не выбран.