CSS可以讓th標簽中的文本兩端對齊,具體可以參考下述示例:
HTML結構示例:
<th>標題1</th>
<th>標題2</th>
<th>標題3</th>
CSS代碼示例:
text-align: center;
- `text-align`屬性用于設置子元素中的文本對齊方式。在這個例子中,我們將子元素中的文本對齊方式設置為“center”,這意味著所有th標簽中的文本都將居中對齊。
- `center`值可以是任何值,包括“left”、“right”、“justify”和“center”,但不包括“auto”。在這個例子中,我們將子元素中的文本對齊方式設置為“center”,因此所有th標簽中的文本都將居中對齊。
請注意,使用CSS讓th標簽中的文本兩端對齊可能需要一些額外的努力,因為大多數瀏覽器不支持直接在HTML中使用th標簽進行對齊。在這種情況下,您可以使用CSS來居中所有th標簽中的文本,然后再將它們對齊到正確的位置。這種方法可以在某些情況下提供更好的效果。
上一篇三張圖片自動輪播css
下一篇css單選框字居中