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

css - flexbox与list-style冲突？

浏览：96日期：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. javascript - 原生canvas中如何获取到触摸事件的canvas内坐标?2. python - Scrapy存在内存泄漏的问题。3. python - 在使用Pycharm时经常看到如下的样式，小括号里红色的部分是什么意思呢？4. CSS3 画如下图形5. javascript - Express 和 request 如何代理远程图片？6. javascript - 移动端引入js去控制根元素的font-size，但在页面初始化时会有抖动的情况，请问有别的优化方法么7. javascript - 关于<a>元素与<input>元素的JS事件运行问题8. javascript - js中向下取整9. javascript - 你们怎样实现前端分页的？10. javascript - html5的data属性怎么指定一个function函数呢？
排行榜
后代选择器与元素选择器
后代选择器与元素选择器
1. mac连接阿里云docker集群，已经卡了2天了，求问？
2. angular.js - angular2 有什么cool的loading组件么？
3. javascript - Express 和 request 如何代理远程图片？
4. JAVA中获取文件输入流跟内存占用的关系
5. CSS3 画如下图形
6. javascript - windows下如何使用babel，遇到了困惑
7. android - react-native 的headless.js Java API 的代码怎么使用？
8. python - 在使用Pycharm时经常看到如下的样式，小括号里红色的部分是什么意思呢？
9. javascript - 移动端粘贴事件，onpaste事件在app中无效，在app中怎么监测到粘贴事件
10. javascript - js中向下取整
热门标签