转：http://www.xuebuyuan.com/825857.html 故事： 最近在使用3个span（或div）制作带圆角边框的按钮时，按照常识，把span的display设置成inline-block，这样就可以设置span的width和height了，很爽的~ 可是当我在中间 ...

参考资料： 　　“display:block-inline形式的Span或Div中添加文字后，导致Span或Div排版掉落、错位”的原因及解决方法； 正文： 　　场景：两个 div 排在一行上，各有固定宽高，其中有一个 div 内部有文字和排版等其他填充；两个 div 杂七杂八的宽度 ...

实现span设置宽度（行内元素本来不支持调宽度高度这些样式）（变成行内块元素：display:inline-block;） 一、总结 1、将span从行内元素变成行内快元素就可以调了： 设置样式的时候加上 display:inline-block; 即可； 二、CSS中 ...

今天在布局时，发现AB两个div设置display：inline-block，出现上下错位问题，当AB里面内容为空时，错位问题消失 看了网上资料以及通过实践分析，总结如下 1.同一行的行内元素对齐方式默认是底部对齐，即vertical-align：baseline 2.对于内容为空 ...

移动端设计稿需求是这样的，如下图: 未知的几个头像从左至右并行居中排列。 一般可能直接使用float，但是设计图要求头像排列始终是居中的，于是想到要让它们成为行内元素,然后可使用的方法有flex box,inline-block； 因为是在移动端，于是使用flex box ...

如下代码所示： 容器container的子元素均为inline-block显示，而当子元素中存在图片或文字的时候，子元素的显示会显然不在水平线上，即有的元素会下沉，这一现象与行内元素的对齐有关，要解决该问题，可用vertical-align属性 ...

inline-block 控制台-代码： PS：inline-block是让元素以内联形式存在，也就是不是块级，但是表现起来(又具有块级元素的高度)--也就是可以调高度(margin或者padding,height) 二· 如果是inline的话，也就是内联 ...

使用<span>标签为文字设置单独样式 这一小节讲解<span>标签，我们对<em>、<strong>、<span>这三个标签进行一下总结： 1. <em>和<strong>标签是为了强调 ...