css ul的display设成inline-block,li为什么没有横向。还有怎么均分li的宽度呢呢
inline-block不是设成行内的块元素吗？为什么子类li还是纵向呢？如果li有边框，假如有3个，不能算出精确的每个li的宽度，该怎么均分宽度能...
inline-block不是设成行内的块元素吗？为什么子类li还是纵向呢？
如果li有边框，假如有3个，不能算出精确的每个li的宽度，该怎么均分宽度能 展开
如果li有边框，假如有3个，不能算出精确的每个li的宽度，该怎么均分宽度能 展开
4个回答
展开全部
ul的display设成inline-block又不是li的，li当然不横向了。不过习惯都是用float：left来做。等分情况多多，li有边框还要考虑到两个li靠在一起边框也挤一起，看起来就粗了不好看，又要处理。所以等分看情况吧！
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你要把inline-block加在li的样式里
比如下面这个例子
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
ul{
width:200px;
padding:0;
margin:0;
border:0;
}
li{
display:inline-block;
list-style:none;
height:25px;
line-height:25px;
text-align:center;
width:30%;
}
</style>
</head>
<body>
<ul>
<li>001</li>
<li>002</li>
<li>003</li>
</ul>
</body>
</html>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
给li设置宽度33.3333%
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
Vue实践-CSS样式position/display/float属性对比使用
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
