Html 如何调整ul宽度属性？

这是图像的水平阵列。list.items.count可能会有所不同。
宽度属性应该是什么以适合所有图像。

---

我尝试了-auto-和预期的可调整宽度-但它不是。

尝试jquery，所以在css文件中可以放置0，值将在以后更改

#ul01{list-style:none;width:??;}
#ul01 li{float:left;}

$（文档）.ready（函数（）{
var总和=0；
$（'ul01 li img'）。每个（函数（）{
sum+=parseInt（$（this）.attr（“宽度”），10）；
});
$（'ul01'）.css（{'width'：sum+'px'}）；
});

做出这些改变我想这些会对你有用

#ul01{列表样式：无；宽度：100%；}
#ul01 li{浮动：左；宽度：33%；}
#ul01 LIA{显示：块；}
#ul01 LIA img{宽度：100%；高度：自动；}

使

li

元素

内联块

s并将

ul

的

空白

属性设置为

nowrap

<script type="text/javascript">
  $(document).ready(function () {
    var sum = 0;
    $('#ul01 li img').each(function() {
      sum += parseInt($(this).attr("width"), 10);
    });
    $('#ul01').css({ 'width': sum+'px' });
  });
</script>

---

如果您的图像必须保留您指定的大小，则知道您的页面将具有水平滚动条。如果你愿意的话，这就行了

li {
    display: inline-block;
}
ul {
    white-space: nowrap;
}

---

ul

width必须是

（width X 3）+（2 X图像边框，如果有）+padding

=

2100px+n

您只需将width属性添加到ul元素。

每个图像（700px）已经填满了屏幕的宽度？你能清楚地描述一下你在这里寻找什么吗？我想调整ul宽度以适应所有图像。图像的数量不同。列表应该保持水平，而不是垂直。因此页面宽度可以增长（无限大？）你可以水平滚动吗？但我不能写宽度：无穷大。但是OP有固定的图像高度和宽度，这并不重要，但好处是任何大小的图像都可以调整，你不能提供一头猪，而OP想要一头牛，并说“没关系，你可以两者都吃”

li {
    display: inline-block;
}
ul {
    white-space: nowrap;
}

#ul01{list-style:none;width:2100px;}
#ul01 li{float:left; width:700px}