Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/39.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
html-如何左对齐标签?_Html_Css - Fatal编程技术网

html-如何左对齐标签?

html-如何左对齐标签?,html,css,Html,Css,我试图左对齐标签,但没有成功! 我能够对齐标签或输入字段,但不能同时对齐它们!我试过很多东西,但都没用 html: jfiddle:将文本左对齐,如下所示: CSS .form-style-2 label > span { text-align: left; } 将文本向左对齐,如下所示: CSS .form-style-2 label > span { text-align: left; } 您不想使用标记。尝试使用auto页边距,就像我在这里所做的那样: 您

我试图左对齐标签,但没有成功! 我能够对齐标签或输入字段,但不能同时对齐它们!我试过很多东西,但都没用

html:


jfiddle:

将文本左对齐,如下所示:

CSS

.form-style-2 label > span {
    text-align: left;
}

将文本向左对齐,如下所示:

CSS

.form-style-2 label > span {
    text-align: left;
}

您不想使用
标记。尝试使用
auto
页边距,就像我在这里所做的那样:


您不想使用
标记。尝试使用
auto
页边距,就像我在这里所做的那样:


这是因为它们位于将文本对齐到中心的
标记内。有一件事您可以删除它,并将
margin:auto
仅添加到表单的中心,因为它们位于将文本对齐到中心的
标记内。有一件事你可以删除它,然后将
margin:auto
添加到表单的中心位置,这样它就可以与中心标记一起工作,谢谢你,伙计!:不客气:)如果你是冠军,就把我的答案记下来,达娜不需要分数;P@Nicola您不应该使用
,它已被弃用(请参阅)是的,这些人是对的,请以这种方式删除标记它与中心标记一起工作,谢谢,伙计!:不客气:)如果你是冠军,就把我的答案记下来,达娜不需要分数;P@Nicola您不应该使用
,它已被弃用(请参阅)是的,这些人是对的,只需删除标记即可
.form-style-2 label > span {
    text-align: left;
}
.form-style-2{
    max-width: 500px;
    padding: 20px 12px 10px 20px;
    font: 13px Arial, Helvetica, sans-serif;
    margin: 0 auto;
}