Html 表td宽度和浮动

Html 表td宽度和浮动,html,html-table,Html,Html Table,晚上好! 我在做这件事: <div id="infoGen" align="center"> <table id="tabInfoGen"> <tr> <td id="primacol">Nome:&nbsp;<font id="h3"><%=u.getNome()%></font><br> Cognome:&am

晚上好! 我在做这件事:

<div id="infoGen" align="center">
    <table id="tabInfoGen">
        <tr>
            <td id="primacol">Nome:&nbsp;<font id="h3"><%=u.getNome()%></font><br>
                Cognome:&nbsp; <font id="h3"><%=u.getCognome()%></font><br>
                Indirizzo:&nbsp; <font id="h3"><%=u.getIndirizzo()%></font><br>
                Città:&nbsp;<font id="h3"><%=u.getCitta()%></font>
            </td>
            <td id="secondacol">Data di Nascita:&nbsp; <font
                id="h3"><%=u.getDataNascita()%></font><br> Luogo di
                Nascita:&nbsp;<font id="h3"> <%=u.getLuogoDiNascita()%></font><br>
                Telefono:&nbsp;<font id="h3"> <%=u.getTelefono()%></font><br>
                Email:&nbsp; <font id="h3"><%=u.getEmail()%></font>
            </td>
            <td id="terzacol">Username:&nbsp; <font id="h3"><%=u.getUsername()%></font>
                <br> Password:&nbsp; <font id="h3"> <%
for (int i = 0; i < u.getPassword().length(); i++)
    out.print("*");
  %>
                </font>
            </td>
        </tr>
    </table>
</div>
问题是,我希望有3列具有相同宽度,但在这种情况下,我有第一列非常大,其他两列很小。 我怎样才能解决这个问题


尝试使用
max width

td#primacol {
    margin-left: 50px;
    max-width: 200px;
}

td#secondacol {
    max-width: 200px;
    margin-left: 20px;
}

td#terzacol {
    margin-left: 50px;
    max-width: 200px;
}

您的CSS选择器不正确。空间推断后代

/* look for id=secondacol within any TD*/
td #secondacol
应该是

/* TD that has ID=secondacol*/
td#secondacol

您有如下css规则:

td #primacol {
    float: left;
    margin-left: 50px;
    max-width: 200px;
}
td#primacol {
    float: left;
    margin-left: 50px;
    max-width: 200px;
}
当它应该是这样的时候:

td #primacol {
    float: left;
    margin-left: 50px;
    max-width: 200px;
}
td#primacol {
    float: left;
    margin-left: 50px;
    max-width: 200px;
}
请注意TD和ID之间已删除的空间

不相关,但不能有多个相同的ID。改为使用类。使用字体标签也是15年前的事了


此外,此布局不应使用表格,因为表格仅用于表格日期。

浮动表格单元格不是一个好主意。@sevensacat ok。但即使我删除float,结果也不会改变。如果我设为float,则堆栈中有3列。您是否可以尝试在infoGen中将宽度设置为600,而不是800@AshReva无事可做:-(首先关闭td和tr标记我在另一个css文件中有一个错误,所以我有这个问题。