Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 带x-overflow的两行图像：滚动_Css - Fatal编程技术网
Fatal编程技术网
  • css/
  • Css 带x-overflow的两行图像：滚动

Css 带x-overflow的两行图像：滚动

css

Css 带x-overflow的两行图像：滚动,css,Css,我有一个两行图像块。每个图像都是内联块。我需要固定大小的宽度和高度的容器，当图像将是12或更多，我们应该看到x-滚动条不是y和所有溢出的图像应该去右边，而不是底部。现在所有图片都转到第三行 我的容器css： text-align: left; white-space: normal; height: auto; overflow-x: scroll; 我在容器中的图像： display: inline-block; width: 100px; margin-righ

我有一个两行图像块。每个图像都是内联块。我需要固定大小的宽度和高度的容器，当图像将是12或更多，我们应该看到x-滚动条不是y和所有溢出的图像应该去右边，而不是底部。现在所有图片都转到第三行

我的容器css：

  text-align: left;
  white-space: normal;
  height: auto;
  overflow-x: scroll;
我在容器中的图像：

  display: inline-block;
  width: 100px;
  margin-right: 17px;
  cursor: pointer;
  -webkit-box-shadow: 0px 7px 17px -6px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 7px 17px -6px rgba(0,0,0,0.2);
  box-shadow: 0px 7px 17px -6px rgba(0,0,0,0.2);
请参见这里的示例：

我用javaScript解析它。只需在awards中找到中间元素，并在其换行后追加

var numberAwards = $('.b-awards .e-award').length;
$('.b-awards .e-award').eq(numberAwards/2-1).after( "<div class='e-award__break-line' style=\"content: '\\A' \"></div>" );

var numberAwards=$（'.b-awards.e-awards'）。长度；
$（'.b-awards.e-awards'）.eq（numberAwards/2-1）。在（“”）之后；
欢迎使用堆栈溢出！寻求调试帮助的问题（“为什么这段代码不起作用？”）必须包括所需的行为、特定的问题或错误以及在问题本身中重现它所需的最短代码。参见
overflow-x:scrollbar？也许你的意思是
overflow-x:scroll是，很抱歉犯了这个错误。