css ul的display设成inline-block,li为什么没有横向。还有怎么均分li的宽度呢呢

inline-block不是设成行内的块元素吗?为什么子类li还是纵向呢?如果li有边框,假如有3个,不能算出精确的每个li的宽度,该怎么均分宽度能... inline-block不是设成行内的块元素吗?为什么子类li还是纵向呢?
如果li有边框,假如有3个,不能算出精确的每个li的宽度,该怎么均分宽度能
展开
 我来答
匿名用户
2015-04-22
展开全部
ul的display设成inline-block又不是li的,li当然不横向了。不过习惯都是用float:left来做。等分情况多多,li有边框还要考虑到两个li靠在一起边框也挤一起,看起来就粗了不好看,又要处理。所以等分看情况吧!
大雅新科技有限公司
2024-11-19 广告
这方面更多更全面的信息其实可以找下大雅新。深圳市大雅新科技有限公司从事KVM延长器,DVI延长器,USB延长器,键盘鼠标延长器,双绞线视频传输器,VGA视频双绞线传输器,VGA延长器,VGA视频延长器,DVI KVM 切换器等,优质供应商,... 点击进入详情页
本回答由大雅新科技有限公司提供
dksnear
2015-04-22 · TA获得超过1211个赞
知道小有建树答主
回答量:399
采纳率:0%
帮助的人:620万
展开全部

你要把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>
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
刘美兰106
2015-04-22 · TA获得超过2154个赞
知道小有建树答主
回答量:376
采纳率:0%
帮助的人:104万
展开全部
给li设置宽度33.3333%
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
书香学编程
2021-02-07 · 贡献了超过775个回答
知道答主
回答量:775
采纳率:25%
帮助的人:54.6万
展开全部

Vue实践-CSS样式position/display/float属性对比使用

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(2)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式