0

在这个页面（http://www.bonniesphere.com/blog/elsewhere/）上，“li”项目有一个图像而不是一个项目符号。但是图像垂直居中，在多行条目中看起来不太好。谁能告诉我 CSS 中是否有需要更改的内容？

下面是相关代码：

.entry ul {list-style-type:none;} .entry ul li{padding: 0 0 0 15px;background: url(img/ol.gif) no-repeat left center;margin-left:10px;}

非常感谢您的帮助...

4

5 回答 5

4

用top替换center：

background: transparent url(img/ol.gif) no-repeat scroll left top;
于 2008-12-09T08:37:21.050 回答
0 
.entry ul {list-style-type:none;} 
.entry ul li{padding: 0 0 0 15px;
background: url(img/ol.gif) no-repeat left top center;
margin-left:10px;}

只是在我的脑海中输入了那个，但是“top”属性可能会做到这一点。您可以尝试用顶部标签替换左侧或中心，因为我的 webdeveloper 插件正在欺骗我，所以无法检查您。:(

我在当地查了一下，它是中心标签。但是仍然需要一些额外的空白。

于 2008-12-09T08:26:52.473 回答
0 
.entry ul li{padding: 0 0 0 15px;background: url(img/ol.gif) no-repeat left 4pt;margin-left:10px;}

基本上你需要指定从顶部的偏移量。您有center，它显然使图像垂直居中。

作为一个粗略的猜测，我使用了 4pt，但这取决于你想要放置图像的确切位置。使用4pt它大致将其与第一行对齐，但字体大小的任何更改都会搞砸定位。

就我个人而言，使用top作为垂直位置对我来说有点太高了。

于 2008-12-09T08:35:38.680 回答
0

感谢您的建议...我有 Firebug，但从未使用过它 - 因此结合 Firebug 和 BBEdit 的“比较”功能，我终于能够弄清楚了！模板作者提供了对要点的修复，但是当我上传最新版本的主题时，问题又出现了。我找到了，瞧……

多亏了这两个程序，我还能够找到其他不起作用的解决方案。

我是一个快乐的露营者！至少……直到下一次我遇到无法解决的问题……

:-)

于 2008-12-30T12:57:40.930 回答
0

这很奇怪......我尝试了上述所有三个建议，但它们都没有改变任何东西。更多信息，如果有帮助的话：它是一个 Wordpress 博客（在我的服务器上），我正在通过主题编辑器编辑 style.css。（这不应该有任何区别......）

您是否认为 CSS 中的其他地方有一些东西使图像保持在中心对齐，覆盖了这段代码？

于 2008-12-10T00:36:59.800 回答