初学DIV+CSS,
制作一个页面时遇到了问题,
我本来是想用UL+li来实现自动换行,现在li里的内容自己单独占一行了,
我也不知道怎样描述比较贴切,现在的问题就像这个演示一样:http://sztym.xvip209.asccf.com/vod/
我本来是想让影片列表里的片子自动换行的,但现在一部片子就单独占一行了,
请问在怎样修改呢?
请朋友帮下忙,谢谢啦!!
没懂你的意思。
另外你注意一下
<li></li><li></li><li></li><li></li>
<li></li>
<li></li>
<li></li>
<li></li>
的差别。
网址打不开,把你代码贴出来吧
li {
float:left;
}
试一下~
写在.css文件里
可以
自动换行,如是div、ul、li时直接float浮动布局
CSS code:
li的父标签{
float:left;
word-wrap: break-word;
}
在此先谢谢楼上各位朋友了,
我按这位朋友的方法来修改了,
也尝试了lieri111的办法,
但还没有完美解决问题,
按上面二位朋友的方法来修改后,
影片列表第一行会显示五部片子,但第二行前三个位置都是空,后几行也是这样,
能不能不要出现空位呢?
修改后效果如演示:http://sztym.xvip209.asccf.com/vod
群里有没会CSS的高手。。。我在JSP页面中使用link连接CSS样式表,ul li标签总不起作用。直接把CSS定义放到JSP页面就能正常显示,是什么问题呢(在外部CSS表中定义的BODY标签能应用上)
css表:
.logo {
MARGIN: ......