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