在許多網頁設計中，表格都是廣泛使用的一種元素。但是有時候，表格中的文本無法對齊。這時候，我們可能需要使用CSS來解決這個問題。

table {
border-collapse: collapse;
width: 100%;
font-family: Arial, sans-serif;
font-size: 14px;
}
th, td {
padding: 10px;
text-align: left;
}
th {
background-color: #008CBA;
color: white;
}
tr:nth-child(even) {
background-color: #f2f2f2;
}
td:first-child, th:first-child {
padding-left: 20px;
}
td:last-child, th:last-child {
padding-right: 20px;
text-align: right;
}

上面的代碼是一個基本的表格樣式。首先，我們使用了border-collapse: collapse;來讓表格的邊框合并。然后，我們設置了網頁的字體為 Arial，并設置了字體大小為 14px。

接下來，我們設置了表格內單元格的內邊距為 10px，并將文本對齊方式設置為左對齊（text-align: left;）。表頭單元格背景設置為藍色，字體顏色為白色。我們還使用了偽類選擇器:nth-child(even)將表格的偶數行設置為淡灰色背景。

接下來是表格字體兩邊對其的部分。我們使用了偽類選擇器first-child和last-child分別選中了每行的第一個和最后一個單元格。然后我們設置了這些單元格的左側和右側內邊距為 20px，同時將文本對齊方式設置為左對齊和右對齊。

通過上述代碼，我們成功地實現了表格字體兩邊對其的效果。希望對網頁設計師們有所幫助。