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

ul的display设成inline-block又不是li的，li当然不横向了。不过习惯都是用float：left来做。等分情况多多，li有边框还要考虑到两个li靠在一起边框也挤一起，看起来就粗了不好看，又要处理。所以等分看情况吧！

1、首先打开html编辑器，新建一个html文件，里面写入4个li标签，并在上方的style标签中设置li的样式，给li标签高度和宽度以及边框，同时设置li标签之间的间隔。

2、然后在script标签中写入js，首先用getElementsByTagName获取所有li标签的dom元素，任何使用for循环遍历数组中的元素，for循环内部设置每个li标签的index元素，在给每个元素添加点击事件，点击之后就会d出li标签的index值出来。

3、最后打开浏览器，点击其中的一个标签，就会d出对应的li标签数值了。

以上就是关于css ul的display设成inline-block,li为什么没有横向。还有怎么均分li的宽度呢呢全部的内容，包括:css ul的display设成inline-block,li为什么没有横向。还有怎么均分li的宽度呢呢、js如何获取被点击li是第几个、等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！