zoukankan      html  css  js  c++  java
  • table之固定布局与自动布局

    很难忘的一次创业经历,虽然各种待遇福利什么的不尽如意,但是从这家公司我收获了好多,遇到那么多好的人,我觉得我真的好幸运。

    一直觉得table就是展示数据用的,所以对它的认知少之又少。

    因为后来公司就我一个前端,所以除了要做新需求所需页面还要改之前项目的bug,起初真的好烦躁,因为通篇都是table,但是现在想想,确实是一个难忘的经历。否则,我对table的认知还是老样子。好了,废话不多说.......

    自动表格布局就是我们常写的这种啦:

    可以看出来td没有指明宽度是多少,这样的写法是自动表格布局,即列的宽度是由列单元格中没有折行的最宽的内容设定的。

    在自动表格布局中,列的宽度是由列单元格中没有折行的最宽的内容设定的。

    此算法有时会较慢,这是由于它需要在确定最终的布局之前访问表格中所有的内容。

    固定表格布局:

    固定表格布局与自动表格布局相比,允许浏览器更快地对表格进行布局。

    在固定表格布局中,水平布局仅取决于表格宽度、列宽度、表格边框宽度、单元格间距,而与单元格的内容无关。

    通过使用固定表格布局,用户代理在接收到第一行后就可以显示表格。

  • 相关阅读:
    4. 归并排序
    3. 堆排序
    2. 希尔排序
    1. 选择排序、插入排序、冒泡排序
    1. 拓扑排序
    8. 最大堆
    7. B+树
    6. B树
    5. 二叉查找树、平衡二叉树、红黑树的效率比较
    4. 红黑二叉树
  • 原文地址:https://www.cnblogs.com/RaeLiu/p/5046938.html
Copyright © 2011-2022 走看看