首页
移动开发
物联网
服务端
编程语言
企业开发
数据库
业界资讯
其他
搜索
多个子标签设置display:inline-block 子标签不能竖直居中
其他
2020-01-17 19:13:48
阅读次数: 0
遇到的问题:
父标签中的两个子标签都设置了:display:inline-block; 此时就遇到以下问题:
span不能够竖直居中,始终在父标签的下方:
解决办法:
给高度最大的子标签设置
vertical-align
:
middle
;
在该例子中,需要给a标签加上这个属性设置:
设置完,效果如下:
点赞
1
收藏
分享
文章举报
cm_xuan77
发布了45 篇原创文章
·
获赞 14
·
访问量 3万+
私信
关注
猜你喜欢
转载自
blog.csdn.net/cmchenmei/article/details/79591929
多个子标签设置display:inline-block 子标签不能竖直居中
同行span标签设置display:inline-block;overflow:hidden垂直对齐问题
2.标签的根据display属性分基本三种:block,inline,inline-block;
在设置li标签display:inline-block;属性后,li之间出现大约8px的空白间隙的原因
display: inline-block;水平居中
CSS基础(十五)-- Display样式之让行内标签具备块级标签属性display:inline-block
vertical-align属性影响布局问题;父元素中两个子元素,设置display:inline-block;(设置两个块级子元素同时在一个行显示)错位问题
将标签设置为行内块(inline-block)要注意的问题
块级标签使用 display:inline-block;显示一行,存在多余的边距的bug解决办法
Css-浅谈如何将多个inline或inline-block元素垂直居中
常见标签以及display:inline—block的应用
display: inline-block
display:inline-block
display:inline/inline-block
01_关于幽灵空白节点检测时:div内span标签为什么要设置一个inline-block的解释
HTML页码居中-->转换为inline或着inline-block元素
inline-block和block元素水平居中显示
display:inline、block、inline-block的区别
display: inline、block、inline-block的区别
理解display:block,inline,inline-block
display:inline, block; inline-block简介
display:inline-block与float
display:inline-block属性
display:block;和display:inline;display:inline-block的区别
消除display设置为inline-block产生间距的方法
display:inline、block、inline-block的区别(转) display:inline、block、inline-block的区别
display:block inline-block inlined的区别
父(元素)标签中的子(元素)标签水平垂直居中
详解CSS display:inline-block的应用
display:inline-block造成的间距
今日推荐
周排行
Leetcode简单题61~80
解决zookeeper磁盘IO高的问题
多线程相关方法详解
Maven-setting.xml文件详解
Maven 项目的 classpath 理解
渊亭科技大数据笔试题
配置JVM内存分配
计算机网络个人学习笔记 (三)网络层 :第三部分 连载
js中两个等号(==)和三个等号(===)的区别
用C程序自动打开电脑上的程序
每日归档
更多
2024-09-18(0)
2024-09-17(0)
2024-09-16(0)
2024-09-15(0)
2024-09-14(0)
2024-09-13(0)
2024-09-12(0)
2024-09-11(0)
2024-09-10(0)
2024-09-09(0)