您的位置：首页技术文章
文章详情页

css - flexbox与list-style冲突？

浏览：238日期：2023-07-22 15:49:20

问题描述

使用flexbox让li里的内容垂直居中但list-style:circle失效了去掉display：flex又好了 怎么解决？

详见http://jsfiddle.net/ABxx3/180/选项处需要实现垂直居中且有list-style

问题解答

回答1：

冲突的本质是，list-style 是应用在 display: list-item 元素上的。现在你把 display 修改为了 flex，自然是不要不要的。

标签： CSS
上一条：css - autoprefixer没有添加web-kit前缀下一条：css - calc()设置宽度等于自身的高度？
相关文章：
1. docker images显示的镜像过多，狗眼被亮瞎了，怎么办？2. docker api 开发的端口怎么获取？3. docker镜像push报错4. PHP中的$this代表当前的类还是方法？5. macos - mac下docker如何设置代理6. 如何解决Centos下Docker服务启动无响应，且输入docker命令无响应？7. 老师，flex-shrink: 1; 按视频操作，不会自动缩放8. 前端 - 类到底该如何去命名 .newsList 这种的命名难道真的不是过度语义化吗？~9. sublime-text - sublime text 3中编译python（sublimeREPL），如何仅运行单行/选定部分10. android glide asbitmap 在baseadpter中的问题
排行榜
docker镜像push报错
docker镜像push报错
1. docker api 开发的端口怎么获取？
2. docker images显示的镜像过多，狗眼被亮瞎了，怎么办？
3. android glide asbitmap 在baseadpter中的问题
4. docker网络端口映射，没有方便点的操作方法么？
5. sublime-text - sublime text 3中编译python（sublimeREPL），如何仅运行单行/选定部分
6. 前端 - 类到底该如何去命名 .newsList 这种的命名难道真的不是过度语义化吗？~
7. 老师，flex-shrink: 1; 按视频操作，不会自动缩放
8. python - 怎样在linux下开发flask web应用时查看代码出错（traceback）的地方。
9. 如何解决Centos下Docker服务启动无响应，且输入docker命令无响应？
10. 如何解决docker宿主机无法访问容器中的服务？
热门标签