HTML更改LI大小或图像

<li> 元素是内联元素,因此它们将获得内部元素的宽度。可以将display属性设置为“inline block”并设置宽度。我想它能解决你的问题。

<li> 是内联元素,可以使用 display: inline-block; 使其接受宽度、高度、背景、位置和其他规则,同时保持其内联流。

你也可以试着用 <span> 在文本左侧放置点的图像,而不是无效标记。

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

尝试调整线条高度,或者它是填充以增加高度。

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