Login
网站首页 > 文章中心 > 其它

margintop和marginbottom_htmlmarginbottom

作者:小编 更新时间:2023-07-27 16:03:27 浏览量:239人看过

正确的缩写为 {margin:18px 6px 0 12px;}

margin属性CSS样式,如遇到上下、左右、上下左右等情况我们可以缩写简写优化。

在css中使用margin可以将margin-top,margin-right,margin-bottom,margin-left,缩写为一个标记,顺序为上右下左(顺时针)。

1、只有上下情况缩写

原始:margin-top:5px; margin-bottom:6px

缩写简写为:margin:5px 0 6px 0或margin:5px auto 6px auto

2、只有左右情况缩写

原始:margin-left:5px; margin-right:6px

缩写简写为:margin:0 6px 0 5px或margin:auto 6px auto 5px

margin:0 auto;横向居中;

margin:auto 0;纵向居中;

3、只有三边情盯绝况缩写

原始:margin-top:5px; margin-bottom:6px; margin-left:4px

缩写:margin:5px 0 6px 4px或margin:5px auto 6px 4px

4、四边相同值缩写

原始:margin-top:5px; margin-bottom:5px; margin-left:5px; margin-right:5px

缩写:margin:5px;

5、四边不同值缩写

原始:margin-top:5px; margin-bottom:6px; margin-left:7px; margin-right:8px

缩写:margin:5px 8px 6px 7px;

6、四边其中上下绝则祥值和左右值各相同缩并搏写

上下相同、左右相同原始:margin-top:5px; margin-bottom:5px; margin-left:7px; margin-right:7px

缩写:margin:5px 7px;

margin_top:40px。是代表上右下左(按顺时针)边距为40。Margin:包括margin-top,margin-right,margin-bottom,margin-left,控制块级元素之间的咐耐逗距离,它们是透明不可见的,对于Fig.2所示的上右下左margin值均为40px,因此代码为:margin-top:40px。margin-right:40px。margin-bottom:40px。margin-left:40px。根据上,右,下,左的顺时针规则,简写为margin:40px40px40px40px。当上下衡卖,左右margin值分别一致,可简写为:margin:40px40px。前一个40px代表上下margin值,后一个40px代表左右margin值.当上下左右margin值均一致,可简写为:亩消margin:40px。

margin-top:5px; 上外边距为5像素

_ margin:3px;IE6浏览时外边距为3px(包括上、下、左、右)

"_"写在属喊桐历卖性前时,只有IE6可以执行郑烂坦到;

margin属性包括margin-top,margin-right,margin-bottom,margin-left,margin,可以用来设置box的margin area。属性margin可以用来同时设置box的四边外边距,而其他的margin属性只能设置其自各的外边距。

这代旅和轿代码意思:margin-top:5px; // 除了IE6以拆肆后的浏览器解析为上外边距为5像素

_ margin:3px ; // IE6浏览器解析外边距为棚空3像素

"_" 是针对IE6写hank写法

浏览轿轮器的问题吧 ,用IE的话应该可以的,我试过了闭中信。培握但是用谷歌的就是你说的那样了..其他浏览器不晓得怎么样..

我觉态迹得你可以用绝对定位来做比较好控制一点,用margin-top它也有一定的值,而且这个值是相对于父元素的上边距帆返并。可以世枝考虑用绝对定位的方式去实现。

如果父元素中没有袭尺正定上外边距margin-top的话,子拍悔元素定了困败上外边距,那么父元素和子元素的上外边距会重合。

以上就是土嘎嘎小编大虾米为大家整理的margintop和marginbottom_htmlmarginbottom相关主题介绍,如果您觉得小编更新的文章对您有所帮助,不要忘记讲本站分享给您身边的朋友哦!!

版权声明:倡导尊重与保护知识产权。未经许可,任何人不得复制、转载、或以其他方式使用本站《原创》内容,违者将追究其法律责任。本站文章内容,部分图片来源于网络,如有侵权,请联系我们修改或者删除处理。

编辑推荐

热门文章