Html 显示内联在ul标签中不起作用
Html 显示内联在ul标签中不起作用,html,css,Html,Css,试试: li{display:inline} 只需将内联应用于li: li{ display: inline; } 看这把小提琴: 无需使用float,li应该是内联的 float和display:inline不能同时使用 您必须float或inline您的li不是ul 使用li上的display:inline或dsiplay:inline块 注意:仅使用inline将阻止lis作为块元素,从而阻止您设置尺寸等样式 div.links1 ul{ 列表样式:无; 边距:
试试:
li{display:inline}
只需将内联应用于li
:
li{
display: inline;
}
看这把小提琴:
无需使用float
,li
应该是内联的
float
和display:inline
不能同时使用李>
您必须float
或inline
您的li
不是ul
使用li上的display:inline
或dsiplay:inline块
注意:仅使用inline
将阻止li
s作为块元素,从而阻止您设置尺寸等样式
div.links1 ul{
列表样式:无;
边距:0;填充:0;
}
林克斯1室{
显示:内联块;
}
使用显示:内联块
.links1 ul li{
位置:相对位置;
显示:内联块;
垂直对齐:顶部;
}
-
-
-
-
-
检查
(1) float
和display:inline
不能同时使用。(2) 你必须float
或inline
你的li
不是ul
。这是唯一能真正解释问题的答案。也许是被否决的选民试图否决这个问题,因为它有点简单。
li{
display: inline;
}
<div class="links1">
<ul class="hiii">
<li><a href="#">Warranty & Support</a></li>
<li><a href="#">Shipping Info</a></li>
<li><a href="#">Privacy Policy</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</div>
ul.hiii li{display:inline-block;float:left}