<i>原本就是內聯元素,為什么還要轉換為內聯元素。
li?i?{ ????display:?inline; ????float:?left; ????margin:?3px?10px?0?0; ????height:?24px; ????width:?30px; ????background:url(http://img1.sycdn.imooc.com//539a950e00015ba500710200.jpg); } 內聯元素的特點:元素的高度、寬度及頂部和底部邊距不可設置。為什么這邊還是設置了寬高呢?而且不設置還不會顯示圖片。求各位大神賜教呀。。這里面不加display:?inline;也可以吧。
2015-08-18
當元素(不論之前是什么類型元素,display:none 除外)設置以下 2 個句之一:
元素會自動變為以 display:inline-block 的方式顯示,當然就可以設置元素的 width 和 height 了