答案是：#box ul.games li img{vertical-align: middle;} 这行很重要哦。 <div id="box"> <div class="d ...

...

在最后一项元素使用样式： ...

两个都加上：vertical-align:top; ...

内容，只需要父元素设置 /* 设置弹性容器 */ display: flex; /* 设置主轴居中 */ justify-content: center; /* 设置侧轴居中 */ align-items: center; ...

效果实现： 需求：两个行内元素 实现两端对齐 两端对齐 是 因为行内元素 不能设置宽度 所以 将行内元素变为 inline-block,或者block 发现依旧不可行 查看代码，添加一个伪元素 完整代码 当然 如果文字不是动态读出来 ...

　　在制作一个页面的过程中，需要将处于同一个父div中的两个高度不一样的input进行垂直居中对齐。编写时在FF下查看默认就是对齐的，而到了IE6下两者却出现了错位。犹记得有个vertical-align属性可以用来进行垂直对齐，碍于前端经验较少，故在网上搜索该属性的用法。后在一个知名的web技术 ...

在一个div中，需要对其里面的元素变成行内元素，但是使用display:inline-block会发生水平不对齐的情况 这个时候可以对父元素div使用弹性布局改变为行方向： ...