多张图片在一行，高度自适应，多个图片出现横向滚动条 

<html>
<head id="Head1" runat="server">
<title>照片</title>
    <style type="text/css">
      .imageList{
        overflow-x: auto;
        overflow-y: hidden;
        height:200px;
        white-space: nowrap;
         margin-left:10px;
      }
      img{
        width:auto;
        height:100%;
        margin-right:10px;
      }
    </style>
</head>
    
<body>
    
<div class="imageList">
    <img src="/Image.jpg"/>
    <img src="/Image.jpg"/>
    <img src="/Image.jpg"/>
    <img src="/Image.jpg"/>
</div>
 <script type="text/javascript"> $(window).load(function(){ $(".imageList").css("height", "" + ($(document).height() - 72) + ""); }) </script>

</body> </html>

　　

posted @ 2018-12-26 22:57  z542601362  阅读(1187)  评论(0)    收藏  举报