HTML+；CSS表对齐[动态]

问题截图：

如何对齐要对齐的表的右列，尤其是学生NRIC。划船和学校的

---

除此之外，你知道如何布置我的作业桌吗？：\有点失去了主意。。好吧，好吧。

我建议这篇文章采用4列的布局

问题出在学生NRIC和学校行中，没有完全占用表格列中的空间，对吗

第一列是字段名

第二列（输入和选择标记）的列跨度应为3，学生NRIC除外。学生NRIC应为每个输入设置标签。定义这3个标记的宽度

最后，创建与您的输入匹配的CSS，并选择标记以使其宽度达到100%

作为基本说明/原型（）的示例代码：

输入，选择{
宽度：100%；
}
.字段标题{
宽度：100px；
}
学名
学生NRIC

我建议采用4列布局

问题出在学生NRIC和学校行中，没有完全占用表格列中的空间，对吗

第一列是字段名

第二列（输入和选择标记）的列跨度应为3，学生NRIC除外。学生NRIC应为每个输入设置标签。定义这3个标记的宽度

最后，创建与您的输入匹配的CSS，并选择标记以使其宽度达到100%

作为基本说明/原型（）的示例代码：

输入，选择{
宽度：100%；
}
.字段标题{
宽度：100px；
}
学名
学生NRIC

不清楚你想要什么。需要一些html代码。在那里发布你的代码：\n我想对表的右列（所有输入和选择）进行相同的对齐方式。不清楚你想要什么。需要一些html代码。在那里发布你的代码：\n我想对表的右列（所有输入和选择）进行相同的对齐方式）哇！我从来没有认真想过科尔斯潘。但看看“选择”按钮，它的右侧好像仍然缺少1个像素。。我检查了好几次，但仍然与您发布到JSFIDLE的代码相同？也许在select上加上1px的填充可以解决这个问题。jsfiddle.net/XCt3m在这里|顺便说一句，尝试了右填充，但仍然是相同的mmm，select上104%的宽度看起来很粗糙，但确实有效。似乎还有一些其他的风格在发挥作用，可能会调整，以使其正常工作。使用了101%和解决了它与技巧，但问题仍然是未知的。我面临的另一个问题是在学生的NRIC colspan=“3”之后，如何调整这3个输入之间的空间？哇！我从来没有认真想过科尔斯潘。但看看“选择”按钮，它的右侧好像仍然缺少1个像素。。我检查了好几次，但仍然与您发布到JSFIDLE的代码相同？也许在select上加上1px的填充可以解决这个问题。jsfiddle.net/XCt3m在这里|顺便说一句，尝试了右填充，但仍然是相同的mmm，select上104%的宽度看起来很粗糙，但确实有效。似乎还有一些其他的风格在发挥作用，可能会调整，以使其正常工作。使用了101%和解决了它与技巧，但问题仍然是未知的。我面临的另一个问题是，在学生的NRIC colspan=“3”之后，如何调整这3个输入之间的空间？

    .formstyled {
    width:70%;
    margin-left:5%;
    }

    .formstyled input[type=text],input[type=password],textarea,select {
    width:100%;
    padding-left:3px;

    border: 2px solid #dadada;
    border-radius: 5px;

    }

    .formstyled select {
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;

    background: url('arrow.png') no-repeat;
    background-position:98% -1px;
    background-color:white;
    }

    .formstyled input[type=text]:focus,input[type=password]:focus,textarea:focus,select:focus { 
    outline: none;
    border-color: #9ecaed;
    box-shadow: 1px 1px 8px #b2d9f9;
   }

::-webkit-input-placeholder {
    text-align:center;
    font-style:italic;
    font-size:smaller;
    opacity:0.4;
    color: #999;
}

   .formstyled input[type=submit],input[type=reset] {
    width:65px;
    height:25px;

    background: linear-gradient(to bottom, rgba(149,149,149,1) 0%,rgba(13,13,13,1) 32%,rgba(1,1,1,1) 40%,rgba(10,10,10,1) 48%,rgba(78,78,78,1) 77%,rgba(56,56,56,1) 87%,rgba(27,27,27,1) 100%); /* W3C */   

    border:none;
    border-top:1px #219fe8 solid;
    border-bottom:2px #219FE8 solid;
    border-radius:15px;

    cursor:pointer;

    color:#F6F6E8;
    font-family:Raleway;
    font-size:smaller;
    letter-spacing:1px;
   }

    <style>
    INPUT, SELECT {
      width:100%;
    }
    .field-title {
      width:100px;
    }
    </style>

    <table style="width:500px;">
    <tr>
    <td class="field-title">
        Student Name
    </td>
    <td colspan="3">
        <input name="student_name" />
    </td>
    </tr>
        <td class="field-title">
            Student NRIC
        </td>
        <td style="width:200px">
            <input name="student_nric_1" />
        </td>
        <td style="width:50px;">
            <input name="student_nric_2" />
        </td>
        <td style="width:150px;">
            <input name="student_nric_3" />
        </td>
    </tr>
    </table>