Css 伪元素与<;ul>;显示:表格
在Firefox(27.0.1)中,我无法定位Css 伪元素与<;ul>;显示:表格,css,firefox,pseudo-element,Css,Firefox,Pseudo Element,在Firefox(27.0.1)中,我无法定位:如果是显示:表格单元格,则在之后相对于它所属的 如果一个psuedo元素是显示:表格单元格,那么有没有办法在一个上相对于Firefox中的设置psuedo元素的样式,如果不是,原因是什么 在小提琴中,您可以看到伪元素的左边距是文档宽度的33.3%。 “位置:相对”对表格行组、表格页眉组、表格页脚组、表格行、表格列组、表格列、表格单元格和表格标题元素的影响未定义 由于将从具有位置:相对(或根体)的最近父级计算位置:绝对,因此忽略“带位置:相对的表格单
:如果是显示:表格单元格,则在之后相对于它所属的代码>
如果一个psuedo元素是显示:表格单元格,那么有没有办法在一个
上相对于Firefox中的
设置psuedo元素的样式代码>,如果不是,原因是什么
在小提琴中,您可以看到伪元素的左边距是文档宽度的33.3%。
“位置:相对”对表格行组、表格页眉组、表格页脚组、表格行、表格列组、表格列、表格单元格和表格标题元素的影响未定义
由于将从具有位置:相对
(或根体)的最近父级计算位置:绝对
,因此忽略“带位置:相对的表格单元格”父代和将从其他祖先计算。您想做什么?@Paulie\u D我正在尝试解释或解决浏览器之间渲染的差异。我不只是想做一张有边框的桌子,我认为小提琴很好地说明了这个问题--更新的问题。Firefox有一个bug,位置为:相对代码>
元素。
ul {
display: table;
width: 400px;
border: solid 1px black;
padding: 0;
}
li {
display: table-cell;
position: relative;
text-align: center;
}
li:after {
content: ' ';
position: absolute;
height: 100%;
width: 1px;
background: blue;
margin-left: 33.3%;
}
li:last-child:after {
content: none;
}