Question

如何分别更改不同TD的宽度？这意味着，如果我改变TD的宽度，列的宽度将不会受影响，而只会影响行。例如：

http://i.imgur.com/XPNG7Gi.png

我怎样才能做到这一点？我已经尝试分别改变每个TD的宽度，但是，当我这样做时，它会改变整个列本身的宽度。

以下是我的表格代码：

<table>
    <tr>
        <td>Name:</td>
        <td>
            <input type="text" name="user" placeholder="Your Name" maxlength="20">
        </td>
    </tr>
    <tr>
        <td>Email Address:</td>
        <td>
            <input type="text" name="email" placeholder="Your Email Address">
        </td>
    </tr>
    <tr><td>Message:</td></tr>
    <tr>
        <td colspan="2">
            <textarea rows="10" cols="50" name="message" maxlength="500"></textarea>
        </td>
    </tr>
    <tr><td colspan="2"><center><img src="test.php" alt="" /></center></td></tr>
    <tr><td style="text-align:right">Enter the Code:</td><td><input id="security_code" name="security_code" type="text" placeholder="Enter the Code Above"/></td></tr>
</table>

Answer 1

你不能做你想要做的事情。表的整个概念是TD保持彼此对齐。

如果你想这样做，就放弃使用表格，只需使用带有输入元素的标签，如下所示：

<label>Name: <input type="text" name="user" placeholder="Your Name" maxlength="20"></label>
<label>Email Address: <input type="text" name="email" placeholder="Your Email Address"></label>
<label> Message: <textarea rows="10" cols="50" name="message" maxlength="500"></textarea></label>

Answer 2

您是否尝试过将其嵌入CSS？

.type_two{ width:50px; }

可能不得不使用代码以及px和%用法。

<td class="type_two">some type of text</td>

单独编辑HTML表格中TD的宽度

2 个答案: