margin只能应用block元素... 难怪……

最新推荐文章于 2021-11-02 21:30:07 发布
最新推荐文章于 2021-11-02 21:30:07 发布
阅读量553 收藏
点赞数
分类专栏： css问题
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zxleezx/article/details/7600011
版权
 想让每个盒子间有10px空隙
<span class="top mT10"></span>中的mT10为什么每次都不起作用，除非改为div
<div class="top mT10"></div>
mT10代表margin-top:10px;
是准备代码复用


。。。。。。。。原来：  margin只能应用block元素..  但是margin左右元素应该可以用
zxleezx
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
CSS试地的题目.pdf
02-27
（D）A.static, relative, absolute, fixedB.inline, block, inline-block, tableC.float, left, right, noneD.static, relative, absolute, fixed, sticky 28.如何使用CSS实现元素的相对定位？（A）A.position: ...
margin-inline, margin-block，这是啥 CSS 属性？
YopenLang的博客
05-21 3024
当你一开始看到margin-inline时，是不是有种似曾相似的感觉，毕竟你学过margin和display: inline，却还从来没有见过两个的结合物。 其实还有margin-block，这种后缀是*-inline或者*-block的属性称之为逻辑属性（logical properties）。 逻辑属性其实很简单，没啥深奥的魔法，我们来通过一个例子看一下。 首先介绍一个writting-mode属性，它控制文字的方向，举个🌰： 在这个Box中，我们放了一行再也常见不过的文字，writting-m
浏览器定义的相关的margin属性
qq_29055201的博客
01-30 8083
在查看浏览器自定义属性时，发现有：margin-block-start: 1em; margin-block-end: 1em;时，当时一想，这是什么东西， 在页面起什么效果呢？ 然后看到其单位是em,是个相对单位，那这是相对谁取值呢，再往上看，就看到一个font-size: 1.17em; 那它是相对font-size进行取值吗？ 而font-size根据其父元素（在这里，也就是根元素，即ht...
深入理解CSS margin折叠
zxl1990_ok的博客
11-02 2378
什么是margin折叠？为什么会有margin折叠？什么时候会发生margin叠加？如何计算折叠边距？如何避免外边距叠加？
margin 只能使块级元素水平居中，垂直居中需要用到定位
xingxinglinxi的博客
09-15 369
首先我们要理解auto的意思是什么，auto是自动填充剩余空间。 块级元素，即便我们设置了宽度，他还是自己占一行，在css的规范中，元素他的左外边距+左边框宽度+左内边距+内容的宽度+右内边距+右边框+右外边距=包含块的宽度，如果我们给他的左右外边距设置为auto的时候，他会实现平分剩下的距离，从而达到一个水平居中的效果。 但是块级元素的高度并不会自动扩充，所以他的外部尺寸是不自动充满父元素的，也没有剩余的空间，因此margin上下设置auto不能实现垂直居中。 但是我们可以通过 定位+margi..
margin-block-start
qq_36366212的博客
09-17 1696
MDN :CSS属性定义了一个元素的逻辑块的开始边距, 是用来根据元素的书写模式（writing-mode），方向(direction)和文本方向(text-orientation)进行实际边界的衡量。 By default, you will have the following mapping: margin-block-start = margin-top margin-block-end = margin-bottom margin-inline-start = margin-left...
css常用的网页布局样式属性.pdf
02-27
- **Margin Collapsing**：块级元素的垂直外边距会发生合并，而行内元素和浮动元素的外边距不合并。 示例： ```css p { margin: 2cm 4cm 3cm 4cm; } ``` 4. **Padding（内边距）** Padding属性设置元素...
jQuery新闻列表文字循环滚动代码.zip
最新发布
10-08
这可以通过改变元素的CSS属性，如`margin-top`或`transform`来实现。下面是一个简单的示例： ```javascript var speed = 50; // 设置滚动速度，单位毫秒 var height = $('#news-list').height(); // 获取列表的高度...
CSS样式所有属性.pdf
02-27
- `display`：设置元素的显示类型（如block、inline、none）。 - `float`：使元素浮动。 - `overflow`：控制内容溢出元素框的行为。 - `position`：定义元素的定位类型（如static、relative、absolute、fixed）...
css常用样式.docx
02-27
首先，Margin是用来设置元素周围的空间，即元素与其它元素或页面边缘之间的距离。在CSS中，外边距可以通过`margin`属性来设定。有四种不同的方式来定义外边距： 1. 分别指定每个边的外边距：`margin-top`, `margin-...
css重点16：margin:auto只对块级元素有效，如果不是块级元素那么转为块级元素
小黄呀呀呀的博客
05-18 746
margin:auto 只对块级元素有效，如果是行内块元素（img）或者行内元素时，需要转为块级元素，才能有效。
CSS中margin属性详解
热门推荐
qq_40208605的博客
06-15 3万+
margin属性概述margin是CSS层叠样式表中用来规定围绕在元素边框周围空白区域范围的属性.该接受任何长度单位，可以是像素、英寸、毫米或 em。相关属性margin 可以单独改变元素的上，下，左，右边距。也可以一次改变所有的属性。属性描述margin简写属性。在一个声明中设置所有外边距属性。margin-bottom设置元素的下外边距。margin-left设置元素的左外边距。margin-...
P标签莫名有了margin-top值的原因
lx583274568的专栏
08-30 7985
这个标签中，我们可以看到元素有margin-top：16px，在样式表中可以看到给p标签设的值里面并没有一个margin-top16。我偶然发现useragent里面有一个  -webkit-margin-before的值，查了一下发现-webkit-margin-before:1em    是元素上边距数值为1倍字体高度，line-height1.6不就是16px吗？于是加了  -webkit-...
css-内联（行内）元素、块元素、margin、padding
yunduanman的专栏
12-05 5954
http://hi.baidu.com/ate0611/blog/item/a7d39d134ab6eb085aaf538c.html 此文章转载自百度，纯属个人学习之用~~~~ block元素的特点： 总是在新行上开始； 高度，行高以及顶和底边距都可控制； 宽度缺省是它的容器的100%，除非设定一个宽度。, , , , 和 是块元素的例子。 inline
深入理解margin属性
sjinsa的博客
04-30 1788
百分比margin的计算规则 普通元素的百分比margin都是相对于容器的宽度计算的 <div style="width:600px;height:200px;"> <img src="1.jpg" style="margin:10%"> </div>计算之后水平方向的margin和垂直方向的margin都是60px 绝对定位元素的百分比margin是相对于第一个定位祖先元素（relativ
为什么2个相邻div的margin只有1个生效？
qq_30541261的博客
05-09 3223
为什么2个相邻div的margin只有1个生效？ 方法： .box1{margin:10px 0;} .box2{margin:20px 0;} box1 box2 本例中box1的底部margin为10px，box2的顶部margin为20px，但表现在页面上2者之间的间隔为20px，而不是预想中的10+20px=30px，结果是选择2者之间最大的那个margin，我们把这种
inline-block的margin设置无效
kalinux的博客
12-12 3716
inline-block元素之间不可以有空格（换行），例如： &lt;span&gt;&lt;/span&gt; &lt;span&gt;&lt;/span&gt; &lt;span&gt;&lt;/span&gt; 设置margin时是无效的，修改成这样就可以了： &lt;span&gt;&lt;/span&gt;&lt;span&gt;&lt;
行内元素的margin只能左右有效。上下无效。
weixin_30955341的博客
09-22 644
行内元素的margin只能左右有效。上下无效。 转载于:https://www.cnblogs.com/sweetXiaoma/p/5896374.html
margin: auto 在行内块元素以及行内元素中 失效的问题
weixin_44226088的博客
11-20 1496
今天在写页面的时候 一个大黑盒子包裹一个图片 当给子元素设置 margin auto 时不起任何作用 源码为 效果图为 当把 margin: auto;换成 margin: 10px auto; 页面会起变化但是 水平方向无变化 源码为： 效果图为: 查阅属性的值 maigin的auto 无法作用于行内元素和行内块元素 但是如果是数值可以起作用 当让块级元素内的行内元素 或行内块元素 水平居中 推荐给块级元素 添加 text-align: center; 很方便 因为也可以让图片下面
5.flex中元素的margin是否会合并
04-27
flex中元素的margin可能会合并，也可能不会。具体是否发生合并取决于元素的父元素是否为flex容器，以及元素之间的关系。 如果元素的父元素不是flex容器，则元素的margin不会合并，不受标准的margin合并规则限制。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值