`
zhangyaochun
  • 浏览: 2569070 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

css之table-layout

 
阅读更多

CSS table-layout 属性

-----------------用来显示表格单位格、行、列的算法规则。

 

  • 固定表格布局:
---------相比自动表格布局,允许浏览器更快地对表格进行布局。
---------水平布局仅取决于表格宽度、列宽度、表格边框宽度、单位格间距,而与单元格内容无关。           
  • 自动表格布局:
---------列的宽度是由列单元格中没有折行的最宽的内容设定的。
---------算法比较慢。需要在确定最终的布局之前访问表格中所有的内容。

默认值: 继承性: 版本: JavaScript 语法:
auto
yes
CSS2
object.style.tableLayout="fixed"


浏览器支持

所有浏览器都支持 table-layout 属性。

注释:任何的版本的 Internet Explorer (包括 IE8)都不支持属性值 "inherit"。

 

可能的值

值 描述
automatic 默认。列宽度由单元格内容设定。
fixed 列宽由表格宽度和列宽度设定。
inherit 规定应该从父元素继承 table-layout 属性的值。

分享到:
评论

相关推荐

    详解CSS的table-layout属性的用法

    今天来和大家详细说一下table-layout属性的用法。 /*eg:设置表格布局算法*/ table{ table-layout:fixed; } ***本文关键词:table-layout属性值、定义和用法、固定表格布局、自动表格布局。 1定义和用法  ...

    css table-layout属性显示表格单元格、行、列的算法规则

    之所以拿出这个来说事,是因为看到一篇文章Tips for Authoring Fast-loading HTML Pages,提到了table-layout。 先来看看w3school上关于table-layout的介绍: 定义和用法 tableLayout 属性用来显示表格单元格、行...

    Table Layout in CSS epub

    Table Layout in CSS 英文epub 本资源转载自网络,如有侵权,请联系上传者或csdn删除 本资源转载自网络,如有侵权,请联系上传者或csdn删除

    Table Layout in CSS

    This concise guide takes you on a deep dive into the concepts necessary for understanding CSS and tables in your web layout, including table formatting, cell alignment, and table width. Short and ...

    Table.Layout.in.CSS.2016.6.pdf

    Table.Layout.in.CSS.2016.6.pdf

    css-layout-positioning-08:CSS 定位

    早在 90 年代,布局是使用表格 ( <table> ) 完成的,表格具有行 ( <tr> ) 和行细分 ( <td> )。 然而,由于几个原因,这是有问题的。 布局被硬编码到页面中 - 无法轻松调整。 作为 (1) 的结果,在多个页面之间保持...

    Table Layout in CSS mobi

    Table Layout in CSS 英文mobi 本资源转载自网络,如有侵权,请联系上传者或csdn删除 本资源转载自网络,如有侵权,请联系上传者或csdn删除

    Table Layout in CSS 无水印pdf

    Table Layout in CSS 英文无水印pdf pdf所有页面使用FoxitReader和PDF-XChangeViewer测试都可以打开 本资源转载自网络,如有侵权,请联系上传者或csdn删除 本资源转载自网络,如有侵权,请联系上传者或csdn...

    css多种方式实现等高布局的示例代码

    本文讲的等高布局是在不手动设置元素高度的情况下,使用纯css实现各个... .table-layout-container{ width: 50%; margin: 20px auto; } .table-row-layout{ /* 当元素display设置为table-row后,再设置宽度就没有

    CSS实现table td中文字的省略与显示(兼容IE与FF、Chrome)

    对于一个table,兼容IE与FF、Chrome的省略方式CSS写法: 复制代码代码如下: table{ width:200px; table-layout: fixed; } .autocut{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-...

    css word-break word-wrap 前台显示自动换行

    在table中加入 style="WORD-WRAP: normal;TABLE-LAYOUT: fixed;word-break:normal" 总结如下.

    html 版 CSS中文速查手册

    heightmax-heightmin-heightwidthmax-widthmin-width 布局 Layout clearfloatclipoverflowoverflow-xoverflow-ydisplayvisibility 外补丁 Margins marginmargin-topmargin-rightmargin-bottommargin-left ...

    基于ASP的留言板设计代码

    <title>ASP简易留言板--ASP simple postboard v1.21 <style type="text/css"> ...td { table-layout:fixed; word-break :break-all; font-family:"宋体"; font-size: 12px; line-height: 15px; }

    Pro.CSS.Techniques

    many of whom have never had the grave displeasure of dealing with nested table layouts and spacer GIFs.So how are these web developers learning CSS? Most often, they are self-taught. They’ve picked ...

    CSS Quick Syntax Reference

    How to handle fundamentals like adding styles to HTML/XHTML as well as rule structure, style precedence, element classifications and display roles, visual layout, and floating and table layouts ...

    Flying Saucer生成pdf文档jar包

    Flying Saucer生成pdf文档jar包 ,已做修改,支持中文 换行,但是 table标签换行 请改用CSS 样式:style="table-layout:fixed; word-break:break-strict;

    CSS实现表格首行首列固定和自适应窗口的实例代码

    table-layout: table-layout属性有两种特定值: auto(预设值)-表格的总宽度决定每一个储存格(cell)的最大值 fixed – 表格的总宽度决定于表格width的定义,以及各栏位(column)width的定义, 没有定义宽度就平分...

Global site tag (gtag.js) - Google Analytics