无法固定表格的TD宽度

时间:2018-11-11 11:34:30

标签: html

我想固定我的TD宽度,我使用width =“ 50%”,但它没有固定,它正在更改所有表格宽度,并且我不想使用CSS。我想像这样width on line 2 and 3 for city and gender;有什么想法只修复此行而不更改所有宽度表?

<html>
<head>
<title> Table New </title>
</head>

<body>

<table align="center" border="1">

<tr>
<td> <img src="1.jpg" width="100" > </td>
<td colspan="2"> Welcome To <br> My Website </td>
</tr>

<tr>
<td> City : </td>
<td> <input type="radio" name="v1" checked> Beirut </td>
<td> <input type="radio" name="v1"> Paris </td>
</tr>

<tr>
<td> Gender : </td>
<td> <input type="radio" name="v2" checked> Male </td>
<td> <input type="radio" name="v2"> Female </td>
</tr>

<tr>
<td> Name </td>
<td> First Name : <input type="text" name="v3"> </td>
<td> Last Name : <input type="text" name="v3"> </td>
</tr>

<tr>
<td> Photos </td>
<td> <input type="file" name="v4"> <br> <input type="file" name="v4"> <br> <input type="file" name="v4"> </td>
<td> <input type="submit" name="v5" value="send" style="float:right;" > </td>
</tr>


</table>
</body>
</html>

1 个答案:

答案 0 :(得分:0)

仅更改这两个tr是不可能的。这是一个可能的解决方案,在左侧添加另一个伪列:

<table align="center" border="1">

  <tr>
    <td> <img src="1.jpg" width="100" > </td>
    <td colspan="3"> Welcome To <br> My Website </td>
  </tr>

  <tr>
    <td> City : </td>
    <td width="100px"> <input type="radio" name="v1" checked> Beirut </td>
    <td colspan="2"> <input type="radio" name="v1"> Paris </td>
  </tr>

  <tr>
    <td> Gender : </td>
    <td> <input type="radio" name="v2" checked> Male </td>
    <td colspan="2"> <input type="radio" name="v2"> Female </td>
  </tr>

  <tr>
    <td> Name </td>
    <td colspan="2"> First Name : <input type="text" name="v3"> </td>
    <td> Last Name : <input type="text" name="v3"> </td>
  </tr>

  <tr>
    <td> Photos </td>
    <td colspan="2"> <input type="file" name="v4"> <br> <input type="file" name="v4"> <br> <input type="file" name="v4"> </td>
    <td> <input type="submit" name="v5" value="send" style="float:right;" > </td>
  </tr>


</table>

但是,这是一个很好的示例,为什么使用html tablecolspan并不是很好的做法-很快变得相当复杂。但是在这种情况下,除非您添加很多新行或进行很多更改布局,否则它可能就可以正常工作。