Html Can';不要使用特定宽度的CSS菜单

Html Can';不要使用特定宽度的CSS菜单,html,css,menu,Html,Css,Menu,我得到这个菜单,我需要所有的项目是相同的宽度(155px)。 但我似乎没有用正确的方法,我会很感激一些提示和可能的解决方案 #菜单{ 宽度:1000px; 高度:625px; 文本转换:大写; 文本对齐:左对齐; 字体大小:10px; 保证金:0自动; 字体系列:“Raleway”,无衬线; 字体大小:400; } #菜单范围{ 左侧填充:11px; } #菜单ul{ 保证金:0; 填充:25px0; } #菜单里{ 背景:url(../img/menu_dots.jpg)不重复; 显示:内联

我得到这个菜单,我需要所有的项目是相同的宽度(155px)。 但我似乎没有用正确的方法,我会很感激一些提示和可能的解决方案

#菜单{
宽度:1000px;
高度:625px;
文本转换:大写;
文本对齐:左对齐;
字体大小:10px;
保证金:0自动;
字体系列:“Raleway”,无衬线;
字体大小:400;
}
#菜单范围{
左侧填充:11px;
}
#菜单ul{
保证金:0;
填充:25px0;
}
#菜单里{
背景:url(../img/menu_dots.jpg)不重复;
显示:内联;
垫底:614px;
填充顶部:25px;
宽度:155px;
}
#菜单李a{
文字装饰:无;
颜色:#D1D3D4;
}
#菜单a:悬停{
颜色:#000;
字号:700;
}
#菜单li.当前{
颜色:#000;
字号:700;
}


最简单的解决方案是将列表项(
#菜单li
)上的显示从
内联
更改为
内联块

#菜单{
宽度:1000px;
高度:625px;
文本转换:大写;
文本对齐:左对齐;
字体大小:10px;
保证金:0自动;
字体系列:“Raleway”,无衬线;
字体大小:400;
}
#菜单范围{
左侧填充:11px;
}
#菜单ul{
保证金:0;
填充:25px0;
}
#菜单里{
背景:url(../img/menu_dots.jpg)不重复;
显示:内联块;
垫底:614px;
填充顶部:25px;
宽度:155px;
}
#菜单李a{
文字装饰:无;
颜色:#D1D3D4;
}
#菜单a:悬停{
颜色:#000;
字号:700;
}
#菜单li.当前{
颜色:#000;
字号:700;
}


最简单的解决方案是将列表项(
#菜单li
)上的显示从
内联
更改为
内联块

#菜单{
宽度:1000px;
高度:625px;
文本转换:大写;
文本对齐:左对齐;
字体大小:10px;
保证金:0自动;
字体系列:“Raleway”,无衬线;
字体大小:400;
}
#菜单范围{
左侧填充:11px;
}
#菜单ul{
保证金:0;
填充:25px0;
}
#菜单里{
背景:url(../img/menu_dots.jpg)不重复;
显示:内联块;
垫底:614px;
填充顶部:25px;
宽度:155px;
}
#菜单李a{
文字装饰:无;
颜色:#D1D3D4;
}
#菜单a:悬停{
颜色:#000;
字号:700;
}
#菜单li.当前{
颜色:#000;
字号:700;
}


最简单的解决方案是将列表项(
#菜单li
)上的显示从
内联
更改为
内联块

#菜单{
宽度:1000px;
高度:625px;
文本转换:大写;
文本对齐:左对齐;
字体大小:10px;
保证金:0自动;
字体系列:“Raleway”,无衬线;
字体大小:400;
}
#菜单范围{
左侧填充:11px;
}
#菜单ul{
保证金:0;
填充:25px0;
}
#菜单里{
背景:url(../img/menu_dots.jpg)不重复;
显示:内联块;
垫底:614px;
填充顶部:25px;
宽度:155px;
}
#菜单李a{
文字装饰:无;
颜色:#D1D3D4;
}
#菜单a:悬停{
颜色:#000;
字号:700;
}
#菜单li.当前{
颜色:#000;
字号:700;
}


最简单的解决方案是将列表项(
#菜单li
)上的显示从
内联
更改为
内联块

#菜单{
宽度:1000px;
高度:625px;
文本转换:大写;
文本对齐:左对齐;
字体大小:10px;
保证金:0自动;
字体系列:“Raleway”,无衬线;
字体大小:400;
}
#菜单范围{
左侧填充:11px;
}
#菜单ul{
保证金:0;
填充:25px0;
}
#菜单里{
背景:url(../img/menu_dots.jpg)不重复;
显示:内联块;
垫底:614px;
填充顶部:25px;
宽度:155px;
}
#菜单李a{
文字装饰:无;
颜色:#D1D3D4;
}
#菜单a:悬停{
颜色:#000;
字号:700;
}
#菜单li.当前{
颜色:#000;
字号:700;
}


您需要在菜单li中添加属性
溢出:隐藏和最大宽度:155px和最小宽度:155px
您需要在菜单li中添加属性
溢出:隐藏和最大宽度:155px和最小宽度:155px
您需要在菜单li中添加属性
溢出:隐藏和最大宽度:155px和最小宽度:155px

您需要在菜单中添加属性
溢出:隐藏和最大宽度:155px和最小宽度:155px
是的,这是一个很好的解决方案,但在添加
显示:内联块之后
li
实际宽度将为166px,因为
左侧填充:11px
请注意

是的,这是一个很好的解决方案,但在添加
display:inline块之后
li
实际宽度将为166px,因为
左侧填充:11px
请注意

是的,这是一个很好的解决方案,但在添加
display:inline块之后
li
实际宽度将为166px,因为
左侧填充:11px
请注意

是的,这是一个很好的解决方案,但在添加
display:inline块之后
li
实际宽度将为166px,因为
左侧填充:11px
请注意