Html 为什么';t设置水平列表项工作的宽度?

Html 为什么';t设置水平列表项工作的宽度?,html,css,Html,Css,我正在尝试将其中一个列表项的宽度设置为50%。水平列表应为100%宽度 HTML 给出显示:内联块而不是显示:内联 ul li { display: inline-block; } 检查不同的显示属性给出显示:内联块而不是显示:内联 ul li { display: inline-block; } 检查不同的显示属性li显示应为内联块 ul li { display: inline-block; } li显示应为内联块 ul li { display:

我正在尝试将其中一个列表项的宽度设置为50%。水平列表应为100%宽度

HTML
给出
显示:内联块而不是
显示:内联

ul li {
    display: inline-block;
}


检查不同的显示属性

给出
显示:内联块而不是
显示:内联

ul li {
    display: inline-block;
}


检查不同的显示属性

li
显示应为
内联块

ul li {
    display: inline-block;
}

li
显示应为
内联块

ul li {
    display: inline-block;
}

其显示
内联块

ul li {
    display: inline-block;
}
ul{
列表样式类型:无;
宽度:100%;
填充:无;
}
ulli{
显示:内联块;
}
#项目1{
宽度:50%;
}
    你好
  • 世界

其显示
内联块

ul li {
    display: inline-block;
}
ul{
列表样式类型:无;
宽度:100%;
填充:无;
}
ulli{
显示:内联块;
}
#项目1{
宽度:50%;
}
    你好
  • 世界

再次检查您的状况宽度“显示:内联”规则。因为当您使用宽度50%和display:inline时,当有足够的空间时,第二个元素位于第一个元素之后。代替显示:内联使用显示:内联块;尝试使用内联块;你想做点什么,这很好。但你的问题在哪里?你的问题在哪里?更多详细信息在哪里?。请再次检查您的条件宽度“显示:内联”规则。因为当您使用宽度50%和display:inline时,当有足够的空间时,第二个元素位于第一个元素之后。代替显示:内联使用显示:内联块;尝试使用内联块;你想做点什么,这很好。但你的问题在哪里?你的问题在哪里?更多细节在哪里?@ketan在30秒前回答说:哈哈,他太快了!是的,哈哈)也许下次你会赢得这场比赛;)@克坦在30秒前回答了,哈哈,他太快了!是的,哈哈)也许下次你会赢得这场比赛;)@VickyGonsalves这取决于OP。他们喜欢什么。@VickyGonsalves这取决于OP。他们喜欢什么。