如何在div中对齐span元素
姜阮
我在一个div中有很多span元素。例如：
<div>
<span>element 1 </span>
<span>element 2 </span>
<span>element 3 </span>
</div>
我想垂直对齐span元素2，使其比其他两个元素高50px。我怎样才能做到这一点？
我试图像这样设置跨度，但是我没有用：
width: 100px;
height: 50px;
display:table-cell;
vertical-align: top
JSFIDDLE：https：//jsfiddle.net/3t6ao52q/1/
我希望它看起来像这样：
杰伊·帕特尔（Jay Patel）
您可以vertical-align在第一个和第三个上使用property <span>，
查看这个 jsFiddle
div{
border: 1px solid #000;
width: 300px;
}
span{
width: 100px;
height: 100px;
display:table-cell;
vertical-align: top;
}
span:nth-child(1),
span:nth-child(3) {
vertical-align: middle;
}
结果
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
如何在DIV中垂直和水平对齐SPAN
- 2
如何在DIV中垂直和水平对齐SPAN
- 3
如何在 div 中间从上到下对齐 span 元素？
- 4
如何在CSS的div中垂直对齐元素？
- 5
如何在div中独立于CSS中的其他元素对齐元素？
- 6
如何在容器div中实现水平对齐，无间隙且居中的div元素
- 7
如何在LinearLayout中水平对齐元素？
- 8
如何在颤动中对齐TabBar的元素？
- 9
如何在Jetpack中对齐行元素
- 10
如何在LinearLayout中水平对齐元素？
- 11
在div中对齐元素
- 12
如何在<span>中垂直居中对齐文本？
- 13
如何在<button>后面的<span>中对齐文本
- 14
如何在div中居中对齐文本
- 15
如何在行中对齐div对象
- 16
如何在HTML CSS中对齐div
- 17
如何在div中对齐文本？
- 18
如何在DIV中对齐单选按钮？
- 19
如何在子div中对齐文本
- 20
如何在父div中对齐文本
- 21
如何在select元素中获取span元素的id？
- 22
如何在使用CSS表时对齐div元素
- 23
如何垂直对齐此span元素？
- 24
如何在同一行上对齐span和img元素？
- 25
如何在同一行中分别对齐两个span元素
- 26
对齐堆叠DIV中的元素
- 27
对齐堆叠DIV中的元素
- 28
CSS如何将div中的元素与2列对齐
- 29
如何在SVG组件中按行对齐路径元素？
我来说两句