在做網頁設計的過程中，有時我們需要將表格中的一些列或者某些內容靠右對齊。這個時候，我們可以使用 CSS 中的 tr 屬性來實現這個效果。
首先，我們需要定義一個類來設置對齊方式。例如，我們可以定義一個名為“right”的類，其中包含以下代碼：
右對齊
接下來，我們要將這個類應用到我們需要靠右對齊的行中。為了做到這一點，我們可以給這些行加上 class 屬性，然后設置為“right”，如下所示：
靠右的內容
現在，我們已經為需要靠右對齊的行設置了類。接下來，我們可以使用 CSS 中的 text-align 屬性來把內容靠右對齊。以下是相應的 CSS 代碼：
.right td {
text-align: right;
}
在上面的代碼中，我們使用了“.”選擇器來選取包含“right”類的元素。然后，我們使用 text-align 屬性將文本對齊方式設置為右對齊。這樣，我們就可以在表格中將需要對齊的內容對齊到右側。
下面是一個完整的例子，其中我們將包含“right”類的內容對齊到右側：
pre {
background-color: #F8F8F8;
border: 1px solid #CCCCCC;
padding: 10px;
}
在上面的代碼中，我們首先使用 pre 標簽來包裹代碼，使其更易于閱讀。然后，我們定義了一個包含“right”類的表格，其中的貨幣和日期欄目均使用了這個類。最后，我們使用 CSS 中的 text-align 屬性將內容對齊到右側。
總之，使用 CSS 的 tr 屬性可以讓我們輕松地將表格中的某些列或者內容靠右對齊。這個效果經常被用在貨幣或者日期等內容的顯示中，能夠使頁面更加清晰易懂。
| 名稱 | 數值 |
|---|---|
| 貨幣 | $100.00 |
| 日期 | 2021-01-01 |
上一篇css tr添加樣式
下一篇css tr之間距離