我正在尝试在页面上使用主题滚轮图标,但它没有在我期望的位置排列。如果我说:
<html>
<head>
<title>Test Page</title>
<link rel="stylesheet" type="text/css" media="screen"
href="/css/ui-lightness/jquery-ui-1.8.17.custom.css" />
</head>
<body>
<div><span class="ui-icon ui-icon-plusthick"></span>Hello World</div>
</body>
</html>
我希望看到:
+Hello World
但相反,我只看到:
+
为什么是这样?以及如何获得我期望的结果?
谢谢你。
编辑1:我按照下面的建议将跨度更改为两个标签(打开和关闭,如上所示),但这没有任何区别。
相关的 CSS 似乎是:
.ui-icon
{
display: block;
text-indent: -99999px;
overflow-x: hidden;
overflow-y: hidden;
background-repeat: no-repeat;
}
.ui-icon
{
width: 16px;
height: 16px;
background-image: url("images/ui-icons_222222_256x240.png");
}
.ui-icon-plusthick
{
background-position: -32px -128px;
}
我尝试将 display: block 更改为 inline-block 和其他内容,但如果我这样做会变得更糟。
编辑3:没关系,我搞砸了代码,应该是:
<span class="ui-icon ui-icon-plusthick"
style="display: inline-block"></span>Hello World</div>
这很好用。(我拼错了“显示”)