Question

我有这种HTML

<label>
<input type="checkbox">
Print document
</label>

问题是打印文档文本是不是需要复选框？我无法在控制器的新元素中添加Print Document，是否可以这样做是简单的CSS规则吗？

Answer 1

添加CSS：

input[type=checkbox]{
padding-right : 10px;
}

Answer 2

你可以这样做：的 FIDDLE

HTML：

<input type="checkbox"> <label> Print document </label>

CSS：

label{ margin-left:20px; }

Answer 3

您可以使用样式中的保证金：

内联CSS：

<label>
<input type="checkbox" style="margin-right:15px;">
Print document
</label>

内部CSS：

<head>
<style>
input[type=checkbox]{
margin-right: 15px;
}
</style>
</head>

<label>
<input type="checkbox" style="margin-right:15px;">
Print document
</label>

外部CSS：

style.css

input[type=checkbox]{
margin-right: 15px;
}

page.html中

<head>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>

<label>
<input type="checkbox" style="margin-right:15px;">
Print document
</label>

演示：

Inline CSS

Internal CSS

External CSS

Answer 4

正确的html是：<input type="checkbox"><label>Print document</label>

您可以在css中选择如下所示的复选框：

input[type=checkbox]{
    margin-right: 15px;
}

输入后添加空格？

4 个答案: