html - 水平显示无序列表

标签 html css image html-lists

<分区>


关闭 8 年前

我有一个无序列表的图像,我需要将它们水平显示在一行中,没有边距/填充或列表样式,我应该使用什么 CSS 来做到这一点?

这是我的html代码:

<div id="carouselContainer">
    <ul id="carousel-list">
        <li><a href="/"><img src="image.png" alt="Desc" /></a></li>
        <li><a href="/"><img src="image.png" alt="Desc" /></a></li>
        <li><a href="/"><img src="image.png" alt="Desc" /></a></li>
        <li><a href="/"><img src="image.png" alt="Desc" /></a></li>
    </ul>
</div>

这方面的任何帮助都会很棒

最佳答案

将 float 设置为左侧将使列表水平放置

li {
    float: left;
}

关于html - 水平显示无序列表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25444966/

上一篇:html - 从 <ul> 中删除元素符号?

下一篇:jquery - "element:hover"和 "element :hover"有区别吗

相关文章:

javascript - 使用 JavaScript 确定图像是灰度还是彩色?

javascript - 在 jQuery 中一次将元素从一列移动到另外两列?

javascript - 动态加载和卸载样式表

html - 100%高度容器通过绝对定位被推出IE视口(viewport)

html - 如何在另一个div中使用css实现悬停效果?

php - 如何结合foreach上传文件

python - 如何使用二进制掩码来掩码图像

html - 如何使 Div 固定在特定的滚动位置?

javascript - Select options 2 "columns"well aligned despite left column's longest length 不顾左栏的最长长度

css - 如何在网页中显示手机壳背面(带有透明相机孔)等形状内的图像?