Problem with underline alignment in Chinese and English fonts under IE

First describe the problem: As shown in the picture, when a line of text contains both English and Chinese under IE, the link underline will break, which means that the Chinese and English are not aligned at this time! (FIREFOX is not affected by this problem)

However, after testing, this situation will not occur when the link is set directly on the page by default!

Code

  
   
   
   
 
 
  
  
 
   
    
   为什么我老是对不齐呢？why?? 
  
  
 

Then the doubt comes again, what causes the deviation between Chinese and English? ! What's the solution? ! So after my testing, I found two situations (of course there may be more causing situations. You can try it yourself). The adjacent elements of the Chinese and English objects have the vertical-align attribute setting (such as the previous small picture, or the text box , we need to align them vertically. Generally, when we set vertical-align:middle; for pictures and text boxes (any other inline block elements)), it will affect the misalignment of Chinese and English.

Another situation is that when the parent element (except the table) has the vertical-align attribute set, the Chinese and English of the child elements inside will not be aligned.

Code

##

  
   
   
   
 
 
  
  
 
    
   为什么我老是对不齐呢？why?? 
  
  
 

How to solve this problem? !
Let’s talk about the first one, which is the solution to the deviation problem that cannot be aligned due to the vertical-middle of adjacent elements: Add a zoom:1 to the Chinese and English objects to trigger its haslayout. Through research, we found that once it has a haslayout, There will be no misalignment between Chinese and English.

Code box

##

  
   
   
   
 
 
  
  
 
   
    
   为什么我老是对不齐呢？why?? 
  
  
 

The second case is The solution to the misalignment problem caused by the vertical-middle of the parent element: Add the sentence vertical-align:baseline to the Chinese and English objects to solve the problem!

Code box

  
   
   
   
 
 
  
  
 
    
   为什么我老是对不齐呢？why?? 
  
  
 

But we can see that the underline looks like If it is too tight, we still need to add zoom:1; to trigger its hasLayout to avoid being too tight! Code box

##

  
   
   
   
 
 
  
  
 
    
   为什么我老是对不齐呢？why?? 
  
  
 

If you encounter other situations, is it correct in Chinese and English? If the situation is uneven, you can also try to use the above two methods to solve the problem. Of course, the safest and most effective thing is to use Song font in both Chinese and English.
-->