在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;
}
这是一个小提琴
您实际上并不需要使用仅在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] 删除。
我来说两句