html - 定义表行空间
问题描述
如何定义表空间?
我想让空间更小,我的图标不会消失,还有一个问题,小屏幕我的图标被隐藏了
小屏幕时我需要保持图标的大小,请帮助
<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="table-responsive">
<table class="table mg-b-0 text-md-nowrap">
<thead>
<tr>
@foreach($tipos as $tipo)
<th><img style="height: 32px; width: 32px;" src="{{url($tipo->icono)}}" alt=""></th>
@endforeach
</tr>
</thead>
</table>
</div>
</div>
</div>
解决方案
当屏幕尺寸减小时,使用 CSS 媒体查询来确定图标的大小,并且记得在 Html 的顶部添加这个元标记,以减少<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
表格数据之间的空间使用margin
属性或表格属性cellspacing
推荐阅读
- javascript - 如何将 cookie 的值设置为 0 如果
- xamarin.forms - 如何发送........hreadStar
- sparql - SPARQL 查询从特定的 geo:lat 和 geo:long 过滤了负 100 公里
- mysql - 带光标的 MySQL FUNCTION
- python - 在 Airflow 中如何有条件地调用任务?
- javascript - next.js "你可能需要一个合适的加载器"
- python - 如何更改 seaborn countplot 中图例的位置?
- android - 我可以从我的 Android 应用程序向选定的联系人发送 Whatsapp 广播消息吗?
- c# - 如何将 int 变量引用到 Unity 中另一个 GameObject 中的另一个脚本?
- algorithm - 如何使用动态编程和位掩码解决 CLEANRBT SPOJ?