首页 > 其他分享 >margin-left有效果但是margin-top没有用

margin-left有效果但是margin-top没有用

时间:2023-03-09 17:44:46浏览次数:44  
标签:top 元素 设置 内联 margin left

 

碰到一个bug,margin-left有效果但是margin-top没有用没有效果

 

 

 

 

原因是

因为span、p、b等 是内联函数,你需要先把这个元素设置为块级元素或块级内联函数才可以。

内联元素可以设置左右外边距和内边距,但如果想要设置上下内边距和外边距就必须设置为块级元素。

标签:top,元素,设置,内联,margin,left
From: https://www.cnblogs.com/Timeouting-Study/p/17199383.html

相关文章

  • Windows Docker Desktop 安装 Nacos
    前言以前都是在Linux虚拟机上的Docker安装应用,这次使用Windows10系统的DockerDesktop安装Nacos,所以用挂载文件就不是很方便了,这次采用启动参数的方式对配......
  • Windows10安装Docker Desktop
    DockerDesktop可以让我们在Windows环境下很方便的使用Docker,提供了很多便利。参考文档:https://blog.csdn.net/qq_39611230/article/details/108641842......
  • 获取元素到body顶部的距离,offsetTop和offsetParent,getBoundingClientRect
    最近在写一个可见曝光的sdk,是当元素显示在可见区域的时候才算作曝光,并上报给服务端。思路是在元素请求回来并渲染完成之后,计算元素距离document顶部的距离offset,当页面滚动......
  • topsort应用
    题目:给定一个由n个点和m条边构成的图。不保证给定的图是连通的。图中的一部分边的方向已经确定,你不能改变它们的方向。剩下的边还未确定方向,你需要为每一条还未确......
  • Docker-Desktop 修改已运行容器端口
    在翻阅了很多文章后,都是说Linux修改绑定的。自己找了WSL的Ubuntu也没找到。翻阅了一大堆文章找到了相关解决方案,作此记录。参阅文档https://www.wuleba.com/555.ht......
  • GitHub 漏洞:黑客窃取了 GitHub Desktop 和 Atom 的代码签名证书
    GitHub披露,未知的威胁行为者设法泄露了与适用于Mac和Atom应用程序的某些版本的GitHubDesktop有关的加密代码签名证书。因此,该公司出于谨慎考虑采取了吊销暴露......
  • 跟着思兼学习Klipper(21)新一代全能选手: Octopus Max EZ 简要使用记录
    前言本文感谢必趣(BigtreeTech)赞助的OctopusMAXEZ主板,据说是美女一手自用。既往没有系统了解过必趣系的主板,这次和网友们一起一探究竟。【KlipperBoxConfigs配......
  • RedisDesktopManager工具本地服务端连接失败的问题
    观前提示,以下方法仅实践于本地服务端的连接测试。  在redis分布式运行后,需要对redis队列和指纹信息进行清除,但是,在打开RedisDesktopManager可视化工具进行连接时,发现总......
  • 手把手教你网络爬虫(爬取豆瓣电影top250,附带源代码)
    概念网络爬虫就是按照一定的规则,自动抓取互联网信息的程序或脚本。其本质就是模拟浏览器打开网页,获取网页中我们需要的数据。基本流程准备工作(构建流程)获取数据解析......
  • nn.MarginRankingLoss使用详解
    importtorchcriterion=torch.nn.MarginRankingLoss(margin=0.3,reduction='mean')x1=torch.Tensor([3,2])x2=torch.Tensor([1,4])y=torch.Tensor([1,2])......