移动端 | table 布局

1 <table border="2" cellpadding=“10” cellspacing="0">
2 　　<caption>表格标题</caption>
3 　　<tr>
4 　　　　<td align="center"></td>
5 　　</tr>
6 </table>

常用属性总结：

table tr th td；
border 设置tabe的边框，值越大，边框越粗；
<td colspan="2"> 横跨两列的单元格，<td rowspan="2"></td> 横跨两行的单元格；
<td>&nbsp</td> 空单元格 &nbsp；
<caption></caption> 表格的标题；
td 每个单元格里可以添加任意的html标签；
<table>单元格的padding设置， cellpadding="10"; 单元格的间距，cellspacing=“0”；bgcolor=“red”，为表格添加背景色；background=“i/a.png”，背景图片
<td bgcolor="red" background="i/abb.png"> 单元格添加背景色、背景图片；
<td align="center"></td> align="center" left/right 设置单元格中的排列；

转载于:https://www.cnblogs.com/wuhaoquan/p/9407472.html

移动端 | table 布局相关推荐

css之前端5种布局方式之table布局、float布局、absolute布局、flexbox布局、grid布局
1.表格布局(不推荐) 父级容器为display:table 表格子级容器为display:table-cell 一个单元格特点:在没有特别设置的情况下,子级是自动平分宽度并填满父级的. tabl ...
HTML+CSS_第三部分(Flex弹性盒子布局、grid网格布局、移动端、移动端流式布局、移动端rem布局、响应式布局、Bootstrap框架)
文章目录 (1)Flex弹性盒子布局一: 父容器上的属性 1. display:flex 设置为弹性盒子(写在父容器上) 2.flex-direction值设置子项的布局方向(写在父容器上) 3. ...
Web移动端Fixed布局的解决方案
Web移动端Fixed布局的解决方案参考文章: (1)Web移动端Fixed布局的解决方案 (2)https://www.cnblogs.com/sxgxiaoge/p/9257648.html 备 ...
css Table布局：基于display:table的CSS布局
两种类型的表格布局你有两种方式使用表格布局 -HTML Table(<table>标签)和CSS Table(display:table 等相关属性). HTML Table是指使用原生 ...
第130天：移动端-rem布局
一.关于布局方案当拿到设计师给的UI设计图,前端的首要任务就是布局和样式,相信这对于大部分前端工程师来说已经不是什么难题了.移动端的布局相对PC较为简单,关键在于对不同设备的适配.之前介绍了一篇关于 ...
EasyTable.js，令html的table布局变得非常简单！
过年之前由于工作的需要,我花了一周的时间开发了一个纯js的网页插件,EasyTable.js.顾名思义,这个插件就是用来处理html里面的table的各种情况的.很多网站不喜欢使用table布局,因为 ...
firefox ie table 布局兼容性问题
2019独角兽企业重金招聘Python工程师标准>>> 最近在做一个表格控件,使用的布局方式是table布局,因为需求上要求表格的文本不能离边框太近,需要有5px的间隔,于是我很自然 ...
2017-12-04HTML table布局
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8&quo ...
[css] 移动端的布局用过媒体查询吗？写出例子看看
[css] 移动端的布局用过媒体查询吗?写出例子看看 @media [type] and [condition] - not [condition] {- } @media [condition] a ...

移动端 | table 布局

移动端 | table 布局相关推荐

最新文章

热门文章