Question

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

Answer 1

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;｝

Answer 2

在第四项后面加＜br/>觉得不好看还可以单独设置，开个id

Answer 3

在图片上面加个<br/>

追答

下面