在下面的代码中，我需要左对齐前两列的文本，右对齐后4列的文本(表头除外(。我似乎搞不清楚，当我在网上寻找答案时，我找不到任何关于如何在表的单元格内证明文本的正确性的信息，特别是只有两列的文本。如果有任何帮助，我将不胜感激。感谢
<!DOCTYPE html>
<html>
<head>
<style>
table {
font-family: arial, sans-serif;
border-collapse: collapse;
width: 100%;
border: 2px solid #CBC3E3;
}
td {
border: 2px solid #CBC3E3;
padding: 8px;
}
th {
border: 2px solid #CBC3E3;
color:purple;
text-align: center;
padding: 8px;
}
tr:nth-child(even) {
background-color: #CBC3E3;
}
.highlight{
text-align: center;
padding: 8px;
color:purple;
font-size: 225%;
font-family: 'Verdana'
}
</style>
</head>
<body>
<h2 class=highlight>Top 10 Stocks</h2>
<table>
<tr>
<th>Symbol</th>
<th>Company</th>
<th>Market Cap</th>
<th>Price</th>
<th>Dividend</th>
<th>5-Year Growth</th>
</tr>
<tr>
<td>MSFT</td>
<td>Microsoft Corporation</td>
<td>2.31T</td>
<td>308.79</td>
<td>.80%</td>
<td>404.02%</td>
</tr>
<tr>
<td>AAPL</td>
<td>Apple Inc.</td>
<td>2.78T</td>
<td>173.04</td>
<td>.52%</td>
<td>493.54%</td>
</tr>
<tr>
<td>AMZN</td>
<td>Amazon.com Inc.</td>
<td>1.46T</td>
<td>2960.99</td>
<td>N/A</td>
<td>244.54%</td>
</tr>如果要精确指定要设置样式的td，请使用nth-child。看看下面。(将此代码粘贴在最底部(
tr td:nth-child(3), tr td:nth-child(4), tr td:nth-child(5), tr td:nth-child(6) {
text-align: right;
}
th {
text-align: center;
}
如果您不想使用类，可以添加以下样式的
td + td + td {
text-align: right;
}
或
td:nth-child(n+3) {
text-align: right;
}
我希望这对你有用！