0

我看到有一些解决方案可以一起使用“显示内联”和“列表样式图像”（比如浮动图像而不是使用显示内联或内联块），但我必须一起使用它们。

更加具体：

我在数据库中为我的文章创建了一个 foreach 块，以将它们的 hadlines 链接创建到指定的标签中，并且它运行良好。（我已经在 30 多个网站上对其进行了测试。）

除非，根据设计问题，这次必须内联显示这些链接，而且我必须用指定的图像更改它们的列表项目符号。

当我使用列表样式图像“没有（！）”使用显示：内联或显示：内联块时，它工作得非常好。但是，正如您可以猜到的那样，它们是逐字列出的。

我需要一起使用这两个 CSS 代码。我知道它更像是一个 HTML/CSS 主题而不是 ASP.NET MVC，但如果任何 ASP.NET MVC 程序员知道答案，我将非常感激。

感谢您的阅读，感谢您的帮助...

4

1 回答 1

1

除了display:inline-block你还需要float:left在你的li上指定。

list-style-image将与它无关，您可以一起使用它：

li { 
    display:inline-block;
    float:left;
    list-style-image:url(....
}

您也可以通过指定来使用背景图像list-style-type:none。不过，您必须提供左填充。

li { 
    list-style-type: none;
    display: inline-block;
    float: left;
    margin: 0px 24px;
    padding-left: 24px;
    background: url(http://placehold.it/16x16) no-repeat left center;
}
于 2013-08-02T14:50:27.647 回答