当浏览器窗口最大化时,我有一个水平菜单,但当我收缩浏览器窗口或手机上的查看页面时,菜单项会换行。我尝试过所有例子,但都没有成功。当浏览器窗口缩小时,CSS水平菜单换行
HTML:
CSS:
#menu
{
position: absolute;
right: 0;
top: 0;
overflow-x:scroll;
}
#menu ul
{
display: inline-block;
}
#menu li
{
display: block;
float: left;
text-align: center;
}
#menu li a, #menu li span
{
display: block;
padding: 0em 1.5em;
height: 150px;
letter-spacing: 0.20em;
line-height: 150px;
text-decoration: none;
font-size: 0.90em;
font-weight: 600;
text-transform: uppercase;
outline: 0;
color: #ACCFFF;
}
2016-04-03
Maxqueue