gpt4 book ai didi

css - 如何将表格中的图片与文字对齐? (jquery 数据表对表头中带有文本的图像进行排序)

转载 作者:太空宇宙 更新时间:2023-11-04 14:51:26 25 4
gpt4 key购买 nike

我正在使用 jQUery DataTable 插件,我有 html 表格,表格标题文本和要排序的图像没有对齐。

外观

http://i.imgur.com/3uByUmZ.png (我希望箭头和文本在水平方向上位于同一行)。怎么做?

我也在jsfiddle上上传了下面的代码http://jsfiddle.net/icyborg7/9DTcT/

HTML 代码

<th class="ui-state-default" role="columnheader" tabindex="0" aria-controls="contacts_table" rowspan="1" colspan="1" style="width: 73.7667px;" aria-sort="ascending" aria-label="S.No.: activate to sort column descending">

<div class="DataTables_sort_wrapper">S.No.<span class="DataTables_sort_icon css_right ui-icon ui-icon-triangle-1-n"></span>

</div>
</th>

CSS 代码

.ui-state-default .ui-icon {
background-image: url("/assets_dev/jquery-ui/ui-icons_888888_256x240.png");
}
.ui-icon-triangle-1-n {
background-position: 0 -16px;
}
.ui-icon, .ui-widget-content .ui-icon {
background-image: url("/assets_dev/jquery-ui/ui-icons_222222_256x240.png");
}
.ui-icon {
height: 16px;
width: 16px;
}
.ui-icon {
background-repeat: no-repeat;
display: block;
overflow: hidden;
text-indent: -99999px;
}
* {
outline: medium none !important;
}

最佳答案

给你:

http://jsfiddle.net/9DTcT/2/

.ui-icon {

display: inline-block;

}

希望这就是你要找的

关于css - 如何将表格中的图片与文字对齐? (jquery 数据表对表头中带有文本的图像进行排序),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17344882/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com