如何调整ul width属性？

Question

<ul id='ul01'>
    <li><a href='#'><img src='img01.png' width="700" height="590" /></a></li>
    <li><a href='#'><img src='img02.png' width="700" height="590" /></a></li>
    <li><a href='#'><img src='img03.png' width="700" height="590" /></a></li>
</ul>

CSS:

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

这是一个水平的图像阵列.list.items.count可以有所不同.
宽度属性应该适合所有图像.
我尝试过 - 自动 - 并且预期可以使用宽度 - 但事实并非如此.

Answer 1

创建li元素inline-block并设置to 的white-space属性.ulnowrap

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