Html 表td宽度和浮动
晚上好! 我在做这件事:Html 表td宽度和浮动,html,html-table,Html,Html Table,晚上好! 我在做这件事: <div id="infoGen" align="center"> <table id="tabInfoGen"> <tr> <td id="primacol">Nome: <font id="h3"><%=u.getNome()%></font><br> Cognome:&am
<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>
问题是,我希望有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文件中有一个错误,所以我有这个问题。