列表项在列表和div区域之外运行

crm*_*ham 11 html css overflow html-lists word-boundaries

我遇到了菜单无序列表的问题.因此,列表项过度运行<ul><div>边界,并且只有在到达屏幕边缘时才开始下一行.

下面是网站:http://finalonline.co.uk/mypics/gallery/categories/

Aar*_*wer 26

显示:阻止; 永远......永远不要做display: inline;display: inline-block;

要修复无序列表从倾倒DIV,请尝试进入CSS并应用此:

ul {
list-style-position: inside;
}
Run Code Online (Sandbox Code Playgroud)


Pee*_*Haa 15

您可以使用float: left;liS的代替display: inline;.

只记得overflow: hidden;在父元素(the ul)上使用.

另一个选择是使用:display: inline-block,但我不是100%确定浏览器支持.