gpt4 book ai didi

html - Themeroller 图标没有在我期望的位置排列

转载 作者:行者123 更新时间:2023-11-28 00:20:44 26 4
gpt4 key购买 nike

我正在尝试在页面上使用 themeroller 图标,但它没有在我期望的位置排列。如果我说:

    <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;
}

我尝试将显示: block 更改为内联 block 和其他内容,但如果我这样做,情况会变得更糟。

编辑 3:没关系,我搞砸了代码,它应该是:

 <span class="ui-icon ui-icon-plusthick" 
style="display: inline-block"></span>Hello World</div>

而且效果很好。 (我拼错了“display”)

最佳答案

跨度不是自关闭必须有一个 </span>关闭它

span element on MDN

使用:

<div><span class="ui-icon ui-icon-plusthick"></span>Hello World</div>

代替:

<div><span class="ui-icon ui-icon-plusthick"/>Hello World</div>

关于html - Themeroller 图标没有在我期望的位置排列,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9098571/

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