项目符号不在Chrome / Safari中垂直居中
Pixeloco
在Chrome和Safari中，我发现li子弹盘位于垂直居中位置下方1像素（是的仅1像素，但该像素对我的设计团队很重要）。无论如何，有没有在不更改html的情况下纠正此问题，用图像替换项目符号或使用伪元素创建它们的方法？
注意：由于文本的高度为9px，项目符号为4，因此总是以太高或太低1px结束，我的问题是它的下方还有一个像素。
ul {
font-family: 'Helvetica Neue', helvetica, arial, sans-serif;
font-size: 12px;
line-height: 18px;
}
诺拉维
这是一个解决方案。无需触摸html，您可以使用插入通过CSS的项目符号:before。
li:before {
content: '';
background-color: #ccc;
display: inline-block;
position: relative;
height: 6px;
width: 6px;
border-radius: 6px;
margin-right: 4px;
top: -1px;
}
但是技术上没有解决方法是不可能的
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
Safari中的垂直居中
- 2
表单不在 flexbox 中垂直居中
- 3
在响应中垂直居中旋转木马项目
- 4
更改Chrome中的项目符号颜色？
- 5
TextBlock文本不在DataGridCell中垂直居中
- 6
将2个项目垂直居中放置在另一个居中的div中
- 7
伸缩项目未垂直居中
- 8
文本（特殊unicode，例如＆＃8657;）不在IE11中垂直居中
- 9
CSS 定位不在 IE 中居中，而是在 Chrome 中
- 10
如何使 Bootstrap 多选插件中的插入符号显示在最右侧和垂直居中
- 11
仅在Chrome中，即使list-style-type：none，项目符号仍显示OL中的顶级项目
- 12
WPF：Textblock作为ComboBox中的项目：如何将Textblock的文本垂直居中？
- 13
flexbox项目内垂直居中的文本
- 14
flexbox项目内垂直居中的文本
- 15
在flexbox列中将单个项目垂直居中
- 16
在IE11中居中的CSS表，但不在Chrome / Firefox中居中
- 17
以chrome呈现的有线CSS（但不在Safari中）
- 18
Flex 项目不在容器内居中？
- 19
在<a>标记中垂直居中
- 20
AnchorLayout不在Kivy中居中
- 21
TextView不在Android中居中
- 22
使用minimumScaleFactor时，UIButton titleLabel不在垂直居中
- 23
为什么div不在水平和垂直方向居中？
- 24
行高差距-不在垂直方向上居中
- 25
SVG文本不在ms边缘垂直居中
- 26
使用minimumScaleFactor时，UIButton titleLabel不在垂直居中
- 27
对齐项目符号和居中文本
- 28
FireDac不在SQLITE varchar中插入“＆”符号
- 29
Postgres重叠符号不在java中运行
我来说两句