晚上好!我正在做这件事:
<div id="infoGen" align="center">
<table id="tabInfoGen">
<tr>
<td id="primacol">Nome: <font id="h3"><%=u.getNome()%></font><br>
Cognome: <font id="h3"><%=u.getCognome()%></font><br>
Indirizzo: <font id="h3"><%=u.getIndirizzo()%></font><br>
Città: <font id="h3"><%=u.getCitta()%></font>
</td>
<td id="secondacol">Data di Nascita: <font
id="h3"><%=u.getDataNascita()%></font><br> Luogo di
Nascita: <font id="h3"> <%=u.getLuogoDiNascita()%></font><br>
Telefono: <font id="h3"> <%=u.getTelefono()%></font><br>
Email: <font id="h3"><%=u.getEmail()%></font>
</td>
<td id="terzacol">Username: <font id="h3"><%=u.getUsername()%></font>
<br> Password: <font id="h3"> <%
for (int i = 0; i < u.getPassword().length(); i++)
out.print("*");
%>
</font>
</td>
</tr>
</table>
</div>
有了这个 CSS
#infoGen {
background-color: #F2F5A9;
width: 800px;
border-radius: 20px;
border: 1px solid black;
}
#infoGen table {
width: 100%;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 10px;
padding-right: 10px;
font: 16px Impact, sans-serif;
text-align: left;
}
td #primacol {
float: left;
margin-left: 50px;
width: 200px;
}
td #secondacol {
width: 200px;
float: left;
margin-left: 20px;
}
td #terzacol {
float: left;
margin-left: 50px;
width: 200px;
}
问题是我想要 3 列具有相同的宽度,但在这种情况下,我的第一列非常大,另外两列很小。我怎样才能解决这个问题?