html – 垂直对齐 – 列出“list-style-image”

概述谷歌搜索和SO浏览都没有帮助我 – 希望有人能解决这个问题： 我有以下html： <ul><li>ABC 1</li><li>ABC 2</li><li>ABC 3</li><li>ABC 4</li></ul> 和css ul {list-style-image:url(../img/hook.png);}li {vertical-align:middle;color:#FFFFFF 谷歌搜索和SO浏览都没有帮助我 – 希望有人能解决这个问题：

我有以下HTML：

<ul><li>ABC 1</li><li>ABC 2</li><li>ABC 3</li><li>ABC 4</li></ul>

和CSS

ul {List-style-image:url(../img/hook.png);}li {vertical-align:mIDdle;color:#FFFFFF;Font-size:16px;text-shadow: 0em 0.13em 0.13em #2A2A2A;Font-family:Helvetica,Arial,sans-serif;Font-weight:normal;}

“hook.png”图像是32×35像素 – 但每当我创建列表项时,文本(例如ABC …)将始终显示在图像下方.试过线高和100％的东西 – 但都没有成功.

任何快速帮助：/？

解决方法 尝试一些变化

ul{    background-image: url(../img/hook.png);    background-repeat: no-repeat;    background-position: 95% 50%;}

显然这个位置不太可能符合你的需求,但摆弄这种方法将是你最好的选择.

总结

以上是内存溢出为你收集整理的html – 垂直对齐 – 列出“list-style-image”全部内容，希望文章能够帮你解决html – 垂直对齐 – 列出“list-style-image”所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。