A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

hanxuey

初级黑马

  • 黑马币:35

  • 帖子:10

  • 精华:0

© hanxuey 初级黑马   /  2019-7-24 16:32  /  804 人查看  /  0 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文

align 取值left、center、right;设置表格在网页中的水平对齐方式;
合并单元格
跨行合并:rowspan=“合并单元格的个数”
跨列合并:colspan=“合并单元格的个数”
注意:合并单元格的顺序:先上后下,先左后右
文字居中设置text-align
text-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:-自己的高度的一半,让盒子垂直居中;

0 个回复

您需要登录后才可以回帖 登录 | 加入黑马