<table width="600px" align="center" border="0" cellspacing="0" cellpadding="0" >
<tr><td></td></tr>
</table>
等价地,用css
<table class="table-1">
<tr>
<td></td>
</tr>
</table>
其中,css定义如下
.table-1{
width:600px;
border-collapse:collapse;
margin:auto;
}
另外,table的其他css定义如下:
border-collapse
语法:
border-collapse :
separate
| collapse
参数:
separate :
边框独立(标准HTML)
rtl :
相邻边被合并
border-spacing
语法:
border-spacing :
length
|| length
参数:
length :
由浮点数字和单位标识符组成的长度值。不可为负值。请参阅长度单位
示例:
table { border-collapse: separate;
border-spacing: 10px; }
caption-side
语法:
caption-side :
bottom
| left
|right
|
top
参数:
bottom :
下面
left :
左边
right :
右边
top :
下面
示例:
table caption { caption-side: top; width: auto;
text-align: left; }
empty-cells
语法:
empty-cells :
hide
| show
参数:
hide :
隐藏
show :
显示
示例:
table { caption-side: top; width: auto; border-collapse: separate;
empty-cells: hide; }
table-layout
语法:
table-layout :
auto
| fixed
参数:
auto
:
默认的自动算法。布局将基于各单元格的内容。表格在每一单元格读取计算之后才会显示出来。速度很慢
fixed :
固定布局的算法。在这算法中,水平布局是仅仅基于表格的宽度,表格边框的宽度,单元格间距,列的宽度,而和表格内容无关
示例:
table { table-layout: auto; }
speak-header
语法:
speak-header :
once
| always
参数:
once :
所有的单元格只有一个表格头
fixed :
每一组单元格对应一个表头
示例:
table { speak-header: once }
分享到:
相关推荐
bootstrap-table实现 行拖拽 插件 jquery.tablednd.js bootstrap-table-reorder-rows.js bootstrap-table-reorder-rows.css
react-css-grid-table 这是一个使用的React表库。 安装 yarn add https://github.com/RebeccaPark/react-css-grid-table JSBin示例 看。 Webpack风格的示例 import Table , { IconColumn } from 'react-css-grid-...
纯css table 样式布局制作人口统计table表格样式代码 纯css table 样式布局制作人口统计table表格样式代码
table布局网页转换为div+CSS布局的转换软件. 非常快捷方便,一转眼一个老式样table布局网页的网页就转换成div+CSS布局的了,支持绝对定位和流定位.
三种模式的分栏布局,包括css-table布局,浮动布局以及定位布局,各有优缺点,互相交流。
用于在 vxe-table 表格中适配 ant-design-vue 组件的渲染
基于CSS网格布局的模块化表,已针对自定义进行了优化。 支持的功能: 异步支持 依栏排序 列大小调整 列重新排序 突出显示搜索 分页 行选择 内联行编辑 列固定(预配置) 列可见性管理 虚拟滚动 粘页眉 动态行高 ...
可以把表格布局转变成CSS+DIV布局。
这个工具可以将原来table的html转换为div+css
一旦学了CSS知识,你会发现使用table做页面布局会变得更麻烦。 (先花时间学一些CSS知识,会省去你以后大量的时间。) table对对于页面布局来说,从语义上看是不正确的。 (它描述的是表现,而不是内容。) table代码会...
ASP.NET 企业网站管理系统,Access版,本程序未开源,只适合建站。界面非DIV+CSS,采用老的Table布局,更方便老美工修改程序。
项目改造中遇到DIV+CSS实现的table,新需求需要...一、CSS display属性的表格布局相关属性的解释: table 此元素会作为块级表格来显示(类似 <table>),表格前后带有换行符。table-row-group 此元素会作为一个或多个
2 使用Frameset+Table布局(div也可) 3 对用户ID和用户名、口令不符合条件及时判断 4 对口令不一致进行及时判断 对34的及时判断,要求提示信息必须显示在同一个页面 也就是说显示在当前的行的后面或者上面或者下面 ...
CSS里一直有一个让我们头疼的问题,就是创建布局很麻烦。当然,有很多方式,有很多技术都可以创建各种布局,但我们总觉得CSS里应该提供一些新属性,让我们能更好的管理布局。幸运的是,CSS3里提供了一批新的创建列式...
前段时间做的表格布局。是同学老师布置的一个作业,作业要求是用DW做,我拿来写代码练手了,因为我还没有系统...我最后还是用了css,因为表格布局一直用内联样式真的太繁琐了以至于我中间有部分都搞混了又重新写了几次
DOCTYPE,则 Internet Explorer 8 (以及更高版本)支持属性值 "inline-table"、"run-in"、"table"、"table-caption"、"table-cell"、"table-column"、"table-column-group"、"table-row"、"table-row-group"、以及 ...
一些初级的javascript css html知识 一些初级的javascript css html知识
Table2CSS是一款可以将表格布局网页完美转换 成DIV+CSS方式的软件。 支持外部CSS,支持网页及目录批量转换。 Table2CSS在线演示视频:(演示视频为英文版本,软件为中文版本) http://www.table2css.com/demo-video ...
1.4 CSS布局与table布局的区别 1.4.1 CSS 2.0的优势 1.4.2 传统的table布局与CSS布局 1.5 向Web标准过渡 1.5.1 从HTML转向XHTML 1.5.2 发挥CSS 2.0的作用 1.6 常见问题 1.6.1 什么样的网站才符合Web标准 1.6.2 使用...
先让我们来研究下table,那些年曾经使用的table布局为何如此辉煌荡漾呢?她的特点有哪些呢?抛弃table的兼容性、seo、加载等与本文无关的内容不谈,只看属性,那么就两个特点:1.同行等高。2.宽度自动调节。那么...