middle属性不居中问题

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

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

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

 

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

 

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

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

 

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

 

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

posted @ 2014-03-11 14:41  stma  阅读(114)  评论(0)    收藏  举报