我正在尝试归档以下内容,
所有的标题都应该居中对齐 “第一列的值=左对齐”和 “第 2、3 和 4 列的所有值 = 居中对齐”
当我的表中有自动递增的值时,如何归档它
HTML:
<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
border: 1px solid black;
border-collapse: collapse;
}
body > table > tbody > tr > td{
text-align: center;
}
body > table > tbody > tr > th
{
text-align: center;
}
</style>
</head>
<body>
<table>
<col width="55%">
<col width="15%">
<col width="15%">
<col width="15%">
<tr>
<th>Month</th>
<th>Savings</th>
<th>Money</th>
<th>Cars</th>
</tr>
<tr>
<td>John Franky</td>
<td>$100</td>
<td>$100</td>
<td>$100</td>
</tr>
<tr>
<td>Peter Thomson</td>
<td>$80</td>
<td>$100</td>
<td>$100</td>
</tr>
</table>
</body>
</html>
最佳答案
您正在寻找 :first-child - http://w3schools.com/cssref/sel_firstchild.asp
body > table > tbody > tr > td{
text-align: center;
}
body > table > tbody > tr > td:first-child {
text-align: left;
}
关于html - Text-Align "Left"仅针对第一列的 "values",我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31158324/