Javascript Css 为什么图片没换行?和列表在同一行

如题所述

第1个回答  2015-10-17
ul是个块元素,按照块元素的属性这个ul应该单独占一行。img标签应该另起一行。之所以没有令起一行,是因为你给li添加了左浮动。然后并没有在ul清楚浮动,所以浮动让img标签也不令起一行了。问题就是没有清楚浮动导致的,那怎么清楚浮动呢?清楚浮动的方法有很多,我说说常用的两个。一个是给ul标签添加overflow:hidden属性。就是在css样式表里添加 ul{overflow:hidden;} 。第二个使用:after伪类结合clear属性清除浮动。具体代码 ul:after{content:"";clear:both;}追答

ul是个块元素,按照块元素的属性这个ul应该单独占一行。img标签应该另起一行。之所以没有令起一行,是因为你给li添加了左浮动。然后并没有在ul清楚浮动,所以浮动让img标签也不令起一行了。问题就是没有清楚浮动导致的,那怎么清楚浮动呢?清楚浮动的方法有很多,我说说常用的两个。一个是给ul标签添加overflow:hidden属性。就是在css样式表里添加 ul{overflow:hidden;} 。第二个使用:after伪类结合clear属性清除浮动。具体代码 ul:after{content:"";disply:block;clear:both;}

本回答被提问者采纳
第2个回答  2015-10-17
在第四项后面加<br/>觉得不好看还可以单独设置,开个id
第3个回答  2015-10-17
在图片上面加个<br/>追答

下面