Css 如何使此列表水平渲染？

我有下面的ul类型列表，需要让它水平显示，但它没有。我错过了什么

<ul style="display: inline;">
    <li>
        <div class="store-display-item" style="display: inline;">
            <img class="store-display-image" src="/Images/ToughBook.jpg">
        </div>
    </li>
    <li>
        <div class="store-display-item" style="display: inline-block;">
            <img class="store-display-image" src="/Images/ToughBook.jpg">
        </div>
    </li>
</ul>

需要让你的李浮动

或者您可以使用

display:inline块不起作用

需要让你的李浮动

或者您可以使用
display:inline块不起作用

使您的
-s内联-









要使代码更干净，有两件事：

内部的
看起来没有必要-您可以将
设置为容器的样式

不要使用内联CSS
示例

<style>
li { display: inline; }
</style>

<ul>
    <li><img class="store-display-image" src="/Images/ToughBook.jpg"></li>
    <li><img class="store-display-image" src="/Images/ToughBook.jpg"></li>
</ul>


li{display:inline；}





使您的
-s内联-









要使代码更干净，有两件事：

内部的
看起来没有必要-您可以将
设置为容器的样式

不要使用内联CSS
示例

<style>
li { display: inline; }
</style>

<ul>
    <li><img class="store-display-image" src="/Images/ToughBook.jpg"></li>
    <li><img class="store-display-image" src="/Images/ToughBook.jpg"></li>
</ul>


li{display:inline；}





您可以使用
显示：内联块

ul {font-size: 0;}
li {display: inline-block; vertical-align: top; *display: block; zoom: 1;}

不要听那些说
display:inlineblock在IE7中不起作用。如果您知道自己在做什么，它就会执行。
您可以使用
display:inline block

ul {font-size: 0;}
li {display: inline-block; vertical-align: top; *display: block; zoom: 1;}

不要听那些说
display:inlineblock在IE7中不起作用。如果你知道你在做什么的话，它就会发生。
@ProfK这就是我添加“或”的原因：）@ProfK这就是我添加“或”的原因：）Duh！谢谢对不起，@Mark比你早几秒钟就回答了。我觉得这其实很糟糕。您建议将块元素放置在内联元素中。编辑刚刚注意到您正在将
div
s设置为
display:inline，这否定了我的评论，但仍然不是很好。呸！谢谢对不起，@Mark比你早几秒钟就回答了。我觉得这其实很糟糕。您建议将块元素放置在内联元素中。编辑刚刚注意到您正在将
div
s设置为
display:inline，这否定了我的评论，但仍然不是很好。
ul {font-size: 0;}
li {display: inline-block; vertical-align: top; *display: block; zoom: 1;}