in css, when writing a Chinese character in a container with a fixed height, I most often use the same height and row height settings to deal with it. Recently, I found a problem and don"t know how to deal with it.
style (the most basic page, only one style is written, no reset)
< style >
div{
display: inline-block;
width: 100px;
height: 25px;
line-height: 25px;
font-size: 14px;
border: 1px solid black;
font-family: "microsoft yahei";
}
< / style >
is centered in Google browser.
above mac in Firefox
above in ie
how to deal with this, how to ensure the center effect in the whole browser.
added an effect under windows
sort is Firefox Google ie