黑马程序员技术交流社区
标题: 技术 [打印本页]
作者: hanxuey 时间: 2019-7-24 16:32
标题: 技术
align 取值left、center、right；设置表格在网页中的水平对齐方式；
合并单元格跨行合并：rowspan=“合并单元格的个数”
跨列合并：colspan=“合并单元格的个数”
注意：合并单元格的顺序：先上后下，先左后右
文字居中设置text-aligntext-align有三个取值left、center、right, text-align只控制盒子里面的内容的对齐；
文本居中：text-align:center;
单行文本垂直居中想要盒子中的文字垂直居中，就直接设置行高line-height的取值为盒子自身的高度；
设置table,th,td的边框为1像素，同时配合border-collapse:collapse;进行边框线合并即可 03
盒子的位置调整 利用margin：上下 auto；/ margin：auto； auto是为居中
文本居中属性text-align: center;和margin:auto;的区别text-align: center; 是让父级盒子里面的文本、行内元素（span/a/em）、行内块元素(img/input)水平居中显示;
margin:auto; 只让块元素水平居中显示;
绝对定位和固定定位的盒子不能使用margin:auto;设置水平居中，如果想要居中我们就需要如下设置：
• 设置定位盒子的left :50%; 设置盒子的margin-left:-自己的宽度的一半，让盒子水平居中；
• 设置定位盒子的top :50%; 设置盒子的margin-top:-自己的高度的一半，让盒子垂直居中；
| 欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) |
黑马程序员IT技术论坛 X3.2 |