Mozilla中的标签对齐

优素福

在Chrome中,我的标签正确对齐,但在Mozilla和IE中不正确。我怎样才能解决这个问题?

HTML:

<div >              
    <label >Domaine d'activité</label>                      
</div>

CSS:

label {
    vertical-align: top;
}
label:BEFORE {
    content: '';
    display: inline-block;
    background-color: #435a8b;
    height: 20px;
    width: 20px;
    margin: 0 4px 6px 0;
}

这是一个小提琴

凯玛·潘迪(Kheema Pandey)

您实际上并不需要使用仅在elementvertical-align: top;label定义它:before这是演示

label {
    /*vertical-align: top;*/ /*Not required */
}
label:before {
    content: '';
    display: inline-block;
    vertical-align: top;
    background-color: #435a8b;
    height: 20px;
    width: 20px;
    margin: 0 4px 0 0;
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在matplotlib颜色栏中对齐刻度标签

来自分类Dev

WPF标签中的内容对齐

来自分类Dev

与gnuplot中的epslatex端子标签对齐

来自分类Dev

matplotlib中颜色条标签的对齐

来自分类Dev

SAPUI5中的垂直标签对齐(标签过高)

来自分类Dev

QTabWidget中的标签文本对齐

来自分类Dev

CSS中心在标签字段中对齐

来自分类Dev

Bootstrap:在不同的行中对齐表单标签

来自分类Dev

如何在标签中对齐文本

来自分类Dev

在JSX中的标签中对齐文本

来自分类Dev

无法在StackPanel中对齐标签

来自分类Dev

Bootstrap基线在列中对齐标题标签

来自分类Dev

在CSS网格中对齐表单标签?

来自分类Dev

对齐嵌套元素中的标签和输入

来自分类Dev

在Flutter标签栏中,所选标签栏的大小和标签栏的大小无法对齐。如何对齐?

来自分类Dev

在导航html标签中对齐文本

来自分类Dev

将Bootstrap标签与列表中的文本对齐

来自分类Dev

WPF标签中的内容对齐

来自分类Dev

在matplotlib颜色栏中对齐刻度标签

来自分类Dev

在选择标签中对齐渲染的选项文本

来自分类Dev

与gnuplot中的epslatex端子标签对齐

来自分类Dev

将<img>标签与表格中的文本对齐

来自分类Dev

Mozilla Thunderbird:在新标签中撰写邮件

来自分类Dev

matplotlib中颜色条标签的对齐

来自分类Dev

C#Windows窗体中的标签对齐

来自分类Dev

Mozilla浏览器中HTML 5的样式进度标签

来自分类Dev

有什么方法可以在Mozilla Thunderbird中搜索标签吗?

来自分类Dev

在matplotlib中对齐圆圈中的标签

来自分类Dev

Javascript Android Mozilla 未在新标签页中打开页面