如何調整ul width屬性？

<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：如何調整ul width屬性？

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

這是圖像的水平陣列。 list.items.count可以改變。
應該是什麼適合所有圖像的寬度屬性。
我試着用 - 自動 - 和預期resizible寬度 - 但事實並非如此。

來源

2012-07-17 Alice

每個圖像（700像素）已經填滿屏幕的寬度？ – codingbiz 2012-07-17 10:08:04

你能使用JavaScript嗎？ – jfrej 2012-07-17 10:13:26

你能清楚地描述你在這裏找什麼嗎？ – thirtydot 2012-07-17 10:18:04

充分利用li元素inline-block S和ul的white-space屬性設置爲nowrap。

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

來源

2012-07-17 10:23:33 magicalex

+1唯一的工作解決。 – Christoph 2012-07-17 10:24:34

是的，它的工作原理，感謝EveryOne，尤其是magicalex – Alice 2012-07-17 10:28:44

嘗試jQuery的，所以在css文件，你可以把0，和值將在稍後改變。

<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>

來源

2012-07-17 10:13:25 miszczu

讓這些變化，我認爲這會爲你工作...

#ul01{list-style:none;width:100%;} 
#ul01 li{float:left; width:33%; } 
#ul01 li a { display:block; } 
#ul01 li a img { width:100%; height:auto; } 

<ul id='ul01'> 
    <li><a href='#'><img src='img01.png' /></a></li> 
    <li><a href='#'><img src='img02.png' /></a></li> 
    <li><a href='#'><img src='img03.png' /></a></li> 
</ul>

來源

2012-07-17 10:13:57 SaurabhLP

但OP具有固定的圖像高度和寬度 – codingbiz 2012-07-17 10:15:29

-1固定圖像的大小和「list.items.count可以改變」 – Christoph 2012-07-17 10:18:48

此事didnt但它的好處是任何尺寸的圖像將調整爲 – SaurabhLP 2012-07-17 10:18:53

如果你的圖像必須保留您指定的大小，然後知道你的網頁都會有水平滾動條。如果你喜歡，這將工作

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

的ul寬度必須是(width X 3) + (2 X image-border-if-any} + padding = 2100px + n

來源

2012-07-17 10:24:18 codingbiz

@ tcoder圖片數量可以變化 – Alice 2012-07-17 10:25:28

然後嘗試@Christoph回答 – codingbiz 2012-07-17 10:27:42

你只要把寬度屬性UI元素。

來源

2013-01-10 23:31:01 Meigo62

如何調整ul width屬性？

回答

相關問題