CSS table-layout 属性

table layout 属性 表格 布局 单元 CSS 宽度 内容 自动 编程技术
发布日期 2022-12-13 更新日期 2022-12-13 阅读次数 70 文章字数 555

table-layout CSS 属性定义了用于布局表格单元格，行和列的算法。

/* Keyword values */
table-layout: auto;
table-layout: fixed;

/* Global values */
table-layout: inherit;
table-layout: initial;
table-layout: unset;
初始值 auto
适用元素 table and inline-table elements
是否是继承属性 否
计算值 as specified
Animation type discrete

大多数浏览器采用自动表格布局算法对表格布局。表格及单元格的宽度取决于其包含的内容。

表格和列的宽度通过表格的宽度来设置，某一列的宽度仅由该列首行的单元格决定。在当前列中，该单元格所在行之后的行并不会影响整个列宽。

使用“fixed”布局方式时，整个表格可以在其首行被下载后就被解析和渲染。这样对于“automatic”自动布局方式来说可以加速渲染，但是其后的单元格内容并不会自适应当前列宽。任何一个包含溢出内容的单元格可以使用 overflow 属性控制是否允许内容溢出。

使用了 fixed 的表格布局，结合width属性来限制表格的宽。text-overflow 属性用于文字过长时显示省略号。【默认自动显示省略号】

文章作者: 朱丰华

文章链接: https://smart.52dixiaowo.com/blog/post-242.html

版权声明: 本博客所有文章除特別声明外，均采用 CC BY 4.0 许可协议。

table layout 属性 表格 布局 单元 CSS 宽度 内容 自动

发表评论

相关推荐
朱丰华   |   1年前   |   请求 · 一个

ab测压命令，apache测压工具

172    评论    点赞
朱丰华   |   1年前   |   < · iframe

让iframe嵌入的视频自适应 （100%宽度）？

122    评论    点赞
朱丰华   |   1年前   |   html · <

html浏览器当前tab标签切换时触发监听

106    评论    点赞
朱丰华   |   1年前   |   js · vue · 监听

js vue监听，深度监听

114    评论    点赞
朱丰华   |   1年前   |   php · 混淆 · obfuscate · git

yakpro-po混淆php代码

106    评论    点赞
朱丰华   |   1年前   |   vue · model

vue语法v-model原理与实现

122    评论    点赞
朱丰华   |   1年前   |   js · 模块 · nodejs

nodejs引入自定义模块

48    评论    点赞
朱丰华   |   1年前   |   php · 引用 · 变量 · c语言

php扩展内存管理与引用计数

127    评论    点赞
朱丰华   |   1年前   |   php · 混淆 · obfuscate · git

php代码混淆yakpro-po

213    评论    点赞
朱丰华   |   1年前   |   php

php执行字符串代码

238    评论    点赞
朱丰华   |   1年前   |   javascript · 属性 · 对象

javascript 判断对象是否拥有某个属性，删除某个属性

164    评论    点赞
朱丰华   |   1年前   |   < · th> · td> · for · 状态 · select · 选中 · 默认 · selected · >

v-for中select选中默认状态

48    评论    点赞
朱丰华   |   2年前   |   PDO · ATTR_EMULATE_PREPARES · 属性 · 设置 · false · 导致 · 错误

PDO::ATTR_EMULATE_PREPARES属性设置为false导致错误

89    评论    点赞
朱丰华   |   2年前   |   设计 · 搜索 · 数据库 · 第一 · 重要性 · 可以

数据库设计第一重要性，以搜索为设计

82    评论    点赞
朱丰华   |   2年前   |   表格 · 撑开 · css · 防止 · 太大 · border · break · 考虑 · table

css防止表格太大撑开

45    评论    点赞
朱丰华   |   2年前   |   flex · direction · CSS · 属性 · 横向 · 竖向 · 布局 · row · column · reverse

CSS flex之flex-direction横向、竖向布局

111    评论    点赞
朱丰华   |   2年前   |   属性 · js · jq · 删除 · 一个

js、jq删除一个属性

65    评论    点赞
朱丰华   |   2年前   |   cookie · Cookie · 路径 · 无法 · 如果 · 注销 · &ldquo · 问题 · 设置 · 同名

cookie同名不同路径，导致无法注销问题

86    评论    点赞
朱丰华   |   2年前   |   smarty · 注册 · 变量 · 获取 · 对象 · >

smarty对象获取已注册变量

66    评论    点赞
朱丰华   |   2年前   |   生成 · 数据 · navicat · 快速 · 测试

navicat数据生成，快速生成测试数据

64    评论    点赞
{{item.author_name}}   |   {{new Date(item.date*1000).log()}}   |   {{it}} ·

{{item.title}}

{{item.uv}}    评论    点赞