计算机数据库jpa示例中表格标题的CSS?

计算机数据库jpa示例中表格标题的CSS?,css,playframework-2.0,styles,css-shapes,Css,Playframework 2.0,Styles,Css Shapes,在游戏2中,有一个示例计算机数据库jpa支持列的排序。默认情况下,它是按计算机排序的,箭头指示排序顺序。我需要在另一个项目中使用这个CSS样式/箭头,但即使在检查了这个表头的CSS代码之后 <th class="name header headerSortDown"> <a href="/computers?o=desc">Computer name</a> </th>> > 我还是看不出箭是从哪里来的?有什么提示吗?谢谢 更

在游戏2中,有一个示例
计算机数据库jpa
支持列的排序。默认情况下,它是按计算机排序的,箭头指示排序顺序。我需要在另一个项目中使用这个CSS样式/箭头,但即使在检查了这个表头的CSS代码之后

<th class="name header headerSortDown">
    <a href="/computers?o=desc">Computer name</a>
</th>>

>
我还是看不出箭是从哪里来的?有什么提示吗?谢谢

更新:

您可以在此处浏览CSS:

但在例如headerSortDown上,我找不到看起来像箭头的东西):

后续问题:

如何使箭头直接位于文本旁边?

最简单的方法是使用浏览器的检查工具(即Firefox中的FireBug或Chrome中的内置inspector)

这里是箭头的独立摘录,正如您所看到的,它们是用CSS边框“绘制”箭头(无需图像)

要控制文本和箭头之间的间距,只需使用
左边距
属性即可。标题:在
部分之后:

.header:after {
    content: "";
    float: right;
    margin-top: 7px;
    visibility: hidden;
    margin-left:4px; /* space between text and arrow for inline elements */
}
或者,如果要在内联元素中为箭头保留空间(以避免悬停时宽度发生变化),也可以添加透明的“arrow”

.header:after {
    content: "";
    float: right;
    margin-top: 7px;
    visibility: visible; /* make it visible by default */
    margin-left:4px; /* space between text and arrow for inline elements */
    border: 4px solid transparent; /* set borders to transparent, so they won't show */
}

最简单的方法是使用浏览器的检查工具(即Firefox中的FireBug或Chrome中的内置inspector)

这里是箭头的独立摘录,正如您所看到的,它们是用CSS边框“绘制”箭头(无需图像)

要控制文本和箭头之间的间距,只需使用
左边距
属性即可。标题:在
部分之后:

.header:after {
    content: "";
    float: right;
    margin-top: 7px;
    visibility: hidden;
    margin-left:4px; /* space between text and arrow for inline elements */
}
或者,如果要在内联元素中为箭头保留空间(以避免悬停时宽度发生变化),也可以添加透明的“arrow”

.header:after {
    content: "";
    float: right;
    margin-top: 7px;
    visibility: visible; /* make it visible by default */
    margin-left:4px; /* space between text and arrow for inline elements */
    border: 4px solid transparent; /* set borders to transparent, so they won't show */
}

它在CSS文件中,查找
.headerSortDown{…}
我已经看过了,但找不到像箭头的东西。添加了浏览CSS的链接,你能检查一下吗?谢谢:-)这是引导程序:。某处有一个sprite文件,我想它不会是一个独立的文件。它在CSS文件中,查找
.headerSortDown{…}
我已经看过了,但找不到类似箭头的东西。添加了浏览CSS的链接,你能检查一下吗?谢谢:-)这是引导程序:。某处有一个sprite文件,我想它不会是一个独立的文件。哦,所以我找到了它,但当我看到它时,我不理解它;-)感谢您提供的示例,太棒了:-)一个后续问题:如何将箭头直接放在下一个标题的旁边(仍在右侧)?请参阅我原来帖子中的“后续问题”。我不想让箭头在右外侧,而是直接在文本旁边:-)谢谢你的回答:-)哦,所以我找到了它,但当我看到它时,我不明白它;-)感谢您提供的示例,太棒了:-)一个后续问题:如何将箭头直接放在下一个标题的旁边(仍在右侧)?请参阅我原来帖子中的“后续问题”。我不希望箭头在右外侧,而是直接在文本旁边:-)谢谢你的回答:-)