相关疑难解决方法(0)

我将公司的日历转换为XSL并将所有表格更改为div.它工作得很好,但由于不稳定的跨浏览器间距问题,我最初有很多8天的错误.但是我正在阅读关于何时使用表格v.div的另一篇文章,并且共识似乎是你应该只使用div来表示网页各部分之间的真正划分,并且只使用表格来表格数据.

我不确定我是否可以使用XSL表格,但我想跟进对Divs和Tables的讨论,讨论制作网络日历的理想方式,也许是两者的结合.

这不是另一个通用的"表格与一般布局的div元素"类型问题,如"为什么不使用表格进行布局"问题.

我正在制定一个时间表/日历项目,我一直认为日历将是何时使用表格的一个例子.虽然在快速查看Google Calendar的结构之后,它似乎由一个表组成,<td>每个列包含一个列,并且在每个列中,一个事件是一个<div>带有定义列表的内部.

为什么这有益？

我自己的想法:

• 当有多个不同长度的事件同时开始(从同一个开始<td>)时,表格可能更加麻烦,风格,美观和紧凑.不需要的空格的可能性.
• 当用户在加载页面后添加事件时更难更新表格,例如使用JavaScript(因为表格标题的行/列表可能必须更改)
• 如果使用表格,则x轴/顶部标题和单元格的宽度以及y轴/左标题和单元格的高度将自动匹配.没有桌子可能很难管理这个.

这有什么关系吗？表格数据是否应始终存储在实际表格中？

以下是Google日历列的简化示例:

<td> <!-- column -->
        <div> <!-- start event -->
            <dl>
                <dt>START TIME – END TIME </dt>
                <dd>EVENT TITLE</dd>
            </dl>
        </div> <!-- end event -->
</td> <!-- end column -->

以下是一个完整的例子:

<td class="tg-col"> <!-- column td -->
    <div id="tgCol0" class="tg-col-eventwrapper" style="height:1008px;margin-bottom:-1008px;"> <!-- column div -->
        <div class="tg-gutter">
            <div class="ca-evp130 chip " style="top:588px;left:-1px;width:100%;"> <!-- start event div --> …