html - div中的图像在一行中

Question

我有以下 html 代码，我试图在一行中获取所有图像，但我只看到一个点，我认为它是列表的要点。怎么了？

  #emoticonscontainer ul li { display: inline; }

<div id="emoticonscontainer">
                    <ul>
                        <li><img src="smile.png" /></li>
                        <li><img src="sad.png" /></li>
                        <li><img src="surprise.png" /></li>
                        <li><img src="wink.png" /></li>
                        <li><img src="love.png" /></li>
                    </ul>
                </div>

Answer 1

你需要设置你的列表类型来去掉点:

 #emoticonscontainer ul li { display: inline; list-style:none}

您的图像应该会出现。也许你走错了路。