HTML 更改 LI 大小或图像

Question

鉴于一个单独的

<li />

我需要增加它的大小。字体大小仅在 Firefox 中有效，IE 仅将其显示为相同大小。

我可以用其他方式更改

LI

的大小，或者设置它的图像吗？请注意（我知道这很糟糕）没有

UL

元素，它是无效标记，因为它是旧系统的一部分，该设计意味着 UL 无法轻松添加。

Answer 1

<li>

元素是内联元素，因此它们将获得内部元素的宽度。您可以将显示属性设置为“inline-block”并设置宽度。我想这会解决你的问题。

Answer 2

<li>

是一个内联元素，你可以使用

display: inline-block;

让它接受宽度、高度、背景、定位等规则，同时保持其内联流程。

您还可以尝试使用

<span>

和位于文本左侧的点图像来代替无效标记。

.liSpan
{
   display: inline-block;
   background-image: images/dot.png;
   background.position: left;
   padding-left: 25px;
}

或者类似的东西:)

Answer 3

尝试调整行高，或者通过填充来增加高度。

.liSpan
{
    line-height: 2em;
    padding: 1em 0;
}

Answer 4

.lispan 不应该有一个 div 元素吗？因此，您链接样式表，然后将名称注册到 div 元素，然后将其应用于它？