middle属性不居中问题

---恢复内容开始---

http://wenku.baidu.com/link?url=Dp-hSxeVKECC3bASVL6voy8mnyct2OdVTsJCmgY6ZQDwixobVcCSkJU4btkUEl9qzUzJTphhZmS8YuGCIoTHZV2re4fGfT94ldzSon7QCqq

学习的最好方法就是“抄”！

 

关键的地方就在 span { vertical-align:middle; display:inline-block; height:100%;  }

 

看到加粗的字体吗？ span 标签本身就是内联元素，所谓内联元素就是前后不换行，与块级元素不同。而这里还要把内联元设置为 内联块级元素 inline-block

其作用使元素前后不换行，还可以设置高度、宽度。

 

有些样式明明是正确的，就是预览没有效果，就是样式表编写错误了。所以借助 chrome F12 查看HTML元素排版与样式，对学习有帮助。

 

---恢复内容结束---