html – 如何创建在溢出时滚动的表格单元格

前端之家收集整理的这篇文章主要介绍了html – 如何创建在溢出时滚动的表格单元格前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我必须创建一个具有固定高度和宽度但具有大量内容的表格单元格;使用溢出的东西:auto.问题是我不能在表格单元格上使用display:block(它打破了表格布局)所以我尝试了这个:
height: 100px;
overflow: auto;
position: relative;
width: 1280px;

但它不起作用.这是我的标记

<tr>
            <td colspan="3" style="width: 1280px; overflow:auto;">
                {assign var="latime" value=$agenda|@count}
                {assign var="latime" value=$latime*150}
                <div style="width: 1280px; position: relative; overflow: auto; ">
                    <div style="width: {$latime}px; height: 100px; position:relative;">
                        {assign var="i" value=0}
                        {foreach from=$agenda item=ag}
                            {assign var="img" value=$agenda[$i][3]}
                                &nbsp; &nbsp;<img src="{$img}" id="imag{$i}" onclick='schimbaslidetoti({$i})' />&nbsp; &nbsp;
                            {assign var="i" value=$i+1}     
                        {/foreach}
                    </div>
                </div>
            </td>
        </tr>

解决方法

您可以使用表格单元格中设置的overflow:scroll属性嵌套块级div.即
<td><div style="overflow:scroll;">Content</div></td>
原文链接:https://www.f2er.com/html/232000.html

猜你在找的HTML相关文章