为什么span元素设置margin-left有效，而margin-top无效

span是内联元素

margin-left有效：内联元素的布局方向就是水平的，所以不仅margin-left有效，padding-left也有效。
margin-top无效：由于内联元素的特性，内联元素的垂直对齐方式是基于所包含文本的基线进行的。另外在盒模型计算中，内联元素的margin-top和margin-bottom不会参与到页面布局计算中。

如果想要设置内联元素的水平位置，可以使用line-height属性

posted @   着迷~  阅读(94)  评论(0)  编辑  收藏  举报
相关博文：
·  记一次uniapp安卓原生插件升级
·  css计数器使用
·  span 标签设置高度和宽度，且高度和水平都居中
·  margin:auto实现盒子水平垂直居中
·  span标签内文字垂直对齐
阅读排行：
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型，支持深度思考和联网搜索！
· 基于 Docker 搭建 FRP 内网穿透开源项目（很简单哒）
· ollama系列01：轻松3步本地部署deepseek，普通电脑可用
· 25岁的心里话
· 按钮权限的设计及实现
点击右上角即可分享
微信分享提示
SQL AI 助手