0

这是我的代码：

<form>
    <span style="float: left; width: 80px;">First name:</span> <input type="text"      name="firstname"><br />
    <span style="float: left; width: 80px;">Last name:</span> <input type="text" name="lastname"><br />
    <span style="float: left; width: 80px;">Mail:</span> <input type="text" name="mail"><br />
    <span style="float: left; width: 80px;">Password:</span></span> <input type="password" name="pwd">
</form>

我不知道为什么class不工作。我尝试.floatext在我的 CSS 文件中创建一个类，而不是重复输入style="".

.floatext {
  float: left;
  width: 80px;
}

然后我尝试这样做：

<form>
    <span class="floatext">First name:</span> <input type="text" name="firstname"><br />
    <span sclass="floatext">Last name:</span> <input type="text" name="lastname"><br />
    <span class="floatext">Mail:</span> <input type="text" name="mail"><br />
    <span class="floatext">Password:</span></span> <input type="password" name="pwd">
</form>

但它不起作用。只有使用的代码style有效....为什么会这样？

4

3 回答 3

1

我能看到的唯一问题是您的一个class属性被拼写为sclass. 否则它似乎对我有用（使用这个小工具测试过）。

于 2013-08-01T18:13:10.207 回答
0

尝试这个

   <span class="floatext">First name:</span> <input type="text" name="firstname"><br />
        <span class="floatext">Last name:</span> <input type="text" name="lastname"><br />
        <span class="floatext">Mail:</span> <input type="text" name="mail"><br />
        <span class="floatext">Password:</span></span> <input type="password" name="pwd">
    </form>

删除代码中类的 s 前面。

于 2013-08-01T18:13:53.103 回答
0

单击此链接小提琴以导航到小提琴。如果你修改头部内部样式的宽度并点击左上角的运行，那么你会看到新的输出反映在右下角。

<html>
<head>
<style type="text/css">
h1 {color:red;}
p {color:blue;}
.floatext {
  float: left;
  width: 80px;
}</style>
</head>

<body>
    <form>
        <span class="floatext">First name:</span> <input type="text" name="firstname"><br />
        <span class="floatext">Last name:</span> <input type="text" name="lastname"><br />
        <span class="floatext">Mail:</span> <input type="text" name="mail"><br />
        <span class="floatext">Password:</span></span> <input type="password" name="pwd">
    </form>
</body>
</html>

如果您的 CSS 单独有一个文件，那么在“”中您将有如下内容：

<head>
    <link rel="stylesheet" type="text/css" media="screen" href="/Style/myFile.css" />
</head>
于 2013-08-01T19:32:24.923 回答