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>标签

回答

相关问题