不同的文本对齐firefox的行为

时间:2021-07-08 17:40:02

不同的文本对齐firefox的行为

It just a simple as

它只是一个简单的

body{
    padding:0;
    margin:0;
}
<div style="font-size:34pt;">BRIDGES YEAH</div>

Safari and Chrome are ok. But what wrong with a Firefox ? Is it different default value for something or what ?

Safari和Chrome都可以。但是Firefox有什么问题?是什么东西不同的默认值或什么?

2 个解决方案

#1


1  

It's hard to predict browser behaviours. A closer solution is to use a line-height.

很难预测浏览器的行为。更接近的解决方案是使用线高。

div{
    line-height:1;
}

Fiddle: http://jsfiddle.net/js23fefm/1/

小提琴:http://jsfiddle.net/js23fefm/1/

#2


0  

I recommend using a normalize CSS file. There are a few out there, I use this. It should make the way browsers render things more consistent.

我建议使用normalize CSS文件。有几个,我用这个。它应该使浏览器呈现更一致的方式。

#1


1  

It's hard to predict browser behaviours. A closer solution is to use a line-height.

很难预测浏览器的行为。更接近的解决方案是使用线高。

div{
    line-height:1;
}

Fiddle: http://jsfiddle.net/js23fefm/1/

小提琴:http://jsfiddle.net/js23fefm/1/

#2


0  

I recommend using a normalize CSS file. There are a few out there, I use this. It should make the way browsers render things more consistent.

我建议使用normalize CSS文件。有几个,我用这个。它应该使浏览器呈现更一致的方式。