问答详情
源自:3-14 编程练习

麻烦大神帮忙看下为什么会显示两行

http://img.mukewang.com/5641b1460001c46403110216.jpghttp://img.mukewang.com/5641b122000183ae05200247.jpg什么我的

提问者:qq_Aquarius_4 2015-11-10 16:56

个回答

  • HeyCobain_
    2015-11-25 09:49:37
    已采纳

    需要对em设置浮动属性。因为em设置block后块状元素,而p也是块状元素。想让两个块状元素在同一行,就要对em设置浮动,让他先左浮动。就ok

    em{width:20px;height:16px; display:block;text-align:center;color:#333;float:left; font-style:normal;}


  • hanhua
    2015-11-24 15:50:16

    要将em{float:left}; 因为em display:block;是块级元素了。p按理说也应该左浮动,但p左浮动后显示的也是两行。只需加一个em{float:left;}就可以了。不知道为什么?