小编Vin*_*789的帖子

如何设置彼此相邻的图像列表

我有一个图像列表,但我希望所有图像彼此相邻.而不是水平滚动.

我试图为滚动菜单设置最大高度,但是他隐藏了下面的2张图片.我也禁用了垂直滚动,但这不起作用.

如果有可能我只想使用CSS.如果我需要javascript来修复它我使用Jquery.

我现在有什么

我的HTML:

<!DOCTYPE html>
<html>
<head>
  <title>test</title>
  <link href="css/index.css" rel="stylesheet"/>
  <link href="css/global.css" rel="stylesheet"/>
  <meta charset="UTF-8">
</head>
<body>
    <div id="list">
        <img src="img/1.jpg" class="img">
        <img src="img/2.jpg" class="img">
        <img src="img/3.jpg" class="img">
        <img src="img/4.jpg" class="img">
        <img src="img/5.jpg" class="img">
        <img src="img/6.jpg" class="img">
        <img src="img/7.jpg" class="img">
        <img src="img/8.jpg" class="img">
    </div>
    <div id="output">

    </div>
    <script src="js/jquery.js"></script>
    <script src="js/image.js"></script>

</body>
</html>

Run Code Online (Sandbox Code Playgroud)

我的css:

body{
 padding:0px;
 margin:0px;
 overflow-y:hidden;
}
.img{
 height:100px;
 width:200px;
 display:inline-block;
 margin-left:0px;
}

.loaded{
 width:100%;
}
#list{
 overflow-y:hidden;
 width:auto;
}

Run Code Online (Sandbox Code Playgroud)

html javascript css jquery

Vin*_*789

lucky-day

3
推荐指数

1
解决办法

830
查看次数

为什么我的链接宽度无限？

我正在用xml制作一些东西,但链接的宽度是无限的. Jsfiddle(将鼠标悬停在链接描述上,你会看到它)

我的xml链接代码

该<l>标签的链接.

<b>link 1</b><l href="#">description</l>

Run Code Online (Sandbox Code Playgroud)

css代码

l{
  color:#222;
  font-size:18;
  font-style: italic;
  display:block;
  transition:all 0.4s;
  -webkit-transition:all 0.5s;
  text-decoration:none;
  width:auto;
}
l:hover{
  cursor:pointer;
  color:blue;
}

Run Code Online (Sandbox Code Playgroud)

当我指定width类似200px它可以工作,但当我把它用于自动它不是这样有人可以帮助我解决这个问题？

我让Jquery在页面上工作,所以如果我需要用Jquery来解决这个问题没问题.

css xml

Vin*_*789

lucky-day

3
推荐指数

1
解决办法

106
查看次数