Html 定义表行空间

Html 定义表行空间,html,css,Html,Css,如何定义表空间? 我想让空间更小,我的图标不会消失,也有一个问题,有一个小屏幕我的图标被隐藏 我需要保持我的图标大小时,有小屏幕,请帮助 简表 redash简单表格示例 @foreach($tipo作为$tipo) icono)}}“alt=”“> @endforeach 您可以这样做,因为这将有助于创建一行中的所有图像,并帮助您在添加更多图像时滚动: <div class="card-body"> <div class="main-content-labe

如何定义表空间?

我想让空间更小,我的图标不会消失,也有一个问题,有一个小屏幕我的图标被隐藏

我需要保持我的图标大小时,有小屏幕,请帮助


简表
redash简单表格示例

@foreach($tipo作为$tipo) icono)}}“alt=”“> @endforeach
您可以这样做,因为这将有助于创建一行中的所有图像,并帮助您在添加更多图像时滚动:


<div class="card-body">
    <div class="main-content-label mg-b-5">
            Simple Table
    </div>
    <p class="mg-b-20">Example of redash Simple Table.</p>
  <div class="scrollmenu">
    <img src="https://i.imgur.com/RquOiuK.png" style="width:20%;height:30%;">

    <img src="https://i.imgur.com/RquOiuK.png" style="width:20%;height:30%;">

    <img src="https://i.imgur.com/RquOiuK.png" style="width:20%;height:30%;">

    <img src="https://i.imgur.com/RquOiuK.png" style="width:20%;height:30%;">

    <img src="https://i.imgur.com/RquOiuK.png" style="width:20%;height:30%;">

    <img src="https://i.imgur.com/RquOiuK.png" style="width:20%;height:30%;">



  </div>
</div>


以下是我的示例链接:

当屏幕尺寸减小时,使用CSS媒体查询来确定图标的大小 还要记住在Html的顶部添加这个meta标记

另外,使用
margin
属性或table属性
cellspacing

来分割表格数据之间的空间,您可以将代码片段的实际代码包含在内吗?是的,它包含在文章的末尾,那么这些图像是用来干什么的呢?图标是否都在。pngNow您可以看到它们,但是有没有办法保持水平水平滚动?你能问我“你想把所有的图像都显示在垂直行而不是水平行吗?这就是你所说的水平滚动吗?”?“我需要保持水平滚动条并显示图标。我需要它,以防有很多icons@user13523236我已经对代码进行了更改,您现在可以检查它们。如果我没弄错的话。因为我只得到了一个图标链接,并且多次重复了它,因为另一个链接只包含你使用过的所有图标的图像,而不是单独的。现在,只有当你有多个图标时,水平滚动才会出现。默认情况下,您可以调整想要的图标数量,而无需相应滚动。通过对CSS进行更改
img{
height: 0.25rem;
font-size: 3.75em;
}
div.scrollmenu {
  background-color: #333;
  overflow: auto;
  white-space: nowrap;
}

div.scrollmenu a {
  display: inline-block;
  color: white;
  text-align: center;
  padding: 14px;
  text-decoration: none;
}

div.scrollmenu a:hover {
  background-color: #777;
}