CSS - 參照創建<th>標籤

網站內兩個div：我如何有一個換行符分離和總時間的表http://www.imvu-e.com/products/ht/clients/test/CSS - 參照創建<th>標籤

通知，但它完全使插入排序圖標，當它看起來很怪異。

它目前是這樣的：

 Total 
Hours [v^]

我喜歡這樣的：

Total 
Hours [v^]

想通最好的辦法是把在一個div在div中的文本和圖標，那麼有圖標div可以浮動嗎？

這將是更令人驚訝的，如果我能實際獲得的分類圖標垂直排列爲好，但可能被要求太高:)

PS：我覺得我是一個業餘程序員/編碼器，但我永遠無法繞過CSS定位;也許它只是沒有很好地與花車等，或者我試圖理解的教程只是混淆了我。任何鏈接到一些有用的教程會很好。這樣我就不必一直依靠CSS的stackoverflow。我想學習這些東西，但是漂浮，一切都很抽象。不要讓我開始爲什麼垂直對齊不像文本對齊，哈哈。

編輯：

我有現在這個樣子：

|   Total | 
| [v^] Hours |

不過，我想這樣的：

|   Total | 
|[v^]  Hours |

凡圖標[V ^]將垂直對齊。

來源

2010-07-20 ParoX

在我的瀏覽器（Firefox 3.6.6/Linux）的你的榜樣頁繪製你說你想它要繪製的方式。你正在測試哪個瀏覽器？ – zwol 2010-07-21 00:17:42

@Zack我認爲它已經被修復了。 – derekerdmann 2010-07-21 00:22:21

我仍然希望按照我最初想到的方式來完成它。我意識到我喜歡左邊的排序圖標和右邊的文字，所以它排列着數字。現在我想在正確和居中的路上獲得排序圖標。 – ParoX 2010-07-21 00:30:10

看來，如果你與text-align: left樣式的th元素才能正常工作。這將起作用，因爲所有的列都足夠窄，無論它們是右對齊還是左對齊都沒有任何區別。只需在您的unsortable課程中添加text-align: right，「名稱」標題將跳回到現在的位置。

編輯

因爲你改變了你的問題：現在你的th元素

使用vertical-align: middle。使用定位策略的問題在於它沒有考慮不同高度的表格標題，甚至看起來像重疊了一些文字。

在這種特殊情況下使用vertical-align有時會留在第一線的箭頭，但那是因爲該文本被推出來的方式。但是，它會阻止圖像位於文本之上，看起來更糟糕。另外，你會發現它也使文本垂直對齊，但我認爲它看起來比讓它們彼此偏移更好。

來源

2010-07-21 00:11:08 derekerdmann

我在一小時前嘗試了這種方式（一直在爲同時，正確地獲取字體，縮小列），並且它沒有正確工作，可能是因爲我已經爲cols設置了更好的寬度......這兩種方法都可以工作。謝謝。 – ParoX 2010-07-21 00:18:28

CSS - 參照創建<th>標籤

回答

相關問題