margin的四个方向
margin-top 上边距
margin-right 右边距
margin-bottom 下边距
margin-left 左边距
margin的复合样式
一个值 四个方向的margin值都一样
两个值 第一个值代表上边和下边的margin值,第二个值代表右边与左边的margin值
三个值 第一个值代表上边的margin值,第二值代表右边与左边的margin值,第三个值代表下边的margin值
四个值 第一个值代表上边的margin值,第二个值代表右边的margin值,第三个值代表下边的margin值,第四个值代表左边的margin值
margin的问题
margin的问题
1、margin的传递(只会上下传递不会左右传递)
子级会把自己的margin-top与margin-bottom传递给父级
解决办法:给父级加上一个边框(其中一个办法)
2、margin上下叠压(只有上下会叠压,左右不会叠压)
上边元素的margin-bottom与下边元素的margin-top叠压在了一起(他会取大的值)
解决办法只给上边的元素设置margin-bottom或只给下边的元素设置margin-top就可以了
auto 自动
margin-left:auto; 元素居右显示
margin-right:auto; 元素居左显示
元素水平居中显示
margin:auto;
在td标签内部增加一个 align="left"或 align="right",td元素默认居左的,所以 align="left"可以省略不写。也可设定一个样式。.alignR{text-align:right}
居右:<td align="alignR"></td>